Rangitoto

#303220

General Information about Rangitoto (#303220)

The hexadecimal color code #303220, also known as Rangitoto, represents a dark shade of olive green. It is composed of 18.82% red, 19.61% green, and 12.55% blue. In the RGB color space, this translates to (48, 50, 32). The color evokes a sense of earthiness and natural tones. Colors similar to #303220 are often associated with calmness, stability, and the outdoors. In a subtractive color model like CMYK, used for printing, it is composed of 0% cyan, 4% magenta, 36% yellow, and 80% black. The subdued nature of Rangitoto makes it versatile for creating subtle visual hierarchies in design.

The color #303220 has a low contrast ratio against white, which can pose accessibility challenges for users with visual impairments. To ensure readability, especially for text, it's crucial to use this color with lighter backgrounds or pair it with high-contrast text colors like white or very light grays. Using tools to check color contrast ratios according to WCAG guidelines is recommended. Adequate font sizes and weights can also improve legibility. Additionally, consider the needs of users with color blindness by providing alternative visual cues, such as icons or text labels, alongside color-coded information. Regularly testing your designs with accessibility evaluation tools will further help in identifying and addressing potential accessibility issues.

Shades

Digital Color Formats

RGB
48 50 32
RGB48 50 32
Red
Green
Blue
HSL
66.67deg 21.95% 16.08%
66.6721.9516.08HSL
Hue
Saturation
Lightness
HWB
66.67deg 12.55% 80.39%
66.6712.5580.39HWB
Hue
Whiteness
Blackness
hex#303220
rgb48 50 32
hsl66.67deg 21.95% 16.08%
cmyk4% 0% 36% 80.39%
hwb66.67deg 12.55% 80.39%
xyz-d650.03 0.03 0.02
oklch0.3096 0.0304 113.38
oklab0.3096 -0.01 0.03
CMYK
4% 0% 36% 80.39%
403680.39CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.3096 0.0304 113.38
0.30960.0304113.38LCH
Lightness
Chroma
Hue
OKLAB
0.3096 -0.01 0.03
0.3096-0.010.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons