Rangitoto

#312F22

General Information about #312F22

The hexadecimal color code #312F22, also known as Rangitoto, represents a dark, muted shade of brown. It is composed of 19.22% red, 18.43% green, and 13.33% blue. In the RGB color space, it embodies a relatively subdued tone, often associated with earthiness, sophistication, and natural elements. Named after the volcanic island in New Zealand, this color evokes a sense of grounding and quiet strength. Colors similar to #312F22 are often found in natural landscapes, making it a popular choice for designs seeking to convey a sense of organic authenticity and understated elegance. Its density also lends itself to conveying authority and stability.

The color #312F22, also known as Rangitoto, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, the contrast ratio is quite low, potentially making it difficult for users with visual impairments to read. To improve accessibility, it's recommended to use lighter text colors on #312F22 backgrounds or, conversely, use #312F22 text on very light backgrounds. Ensuring a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, as per WCAG guidelines, is crucial. Consider tools that analyze color contrast to verify compliance. Moreover, avoid relying solely on color to convey important information; use supplementary cues like text labels or icons to ensure inclusivity for colorblind users.

Shades

Digital Color Formats

RGB
49 47 34
RGB49 47 34
Red
Green
Blue
HSL
52deg 18.07% 16.27%
5218.0716.27HSL
Hue
Saturation
Lightness
HWB
52deg 13.33% 80.78%
5213.3380.78HWB
Hue
Whiteness
Blackness
hex#312F22
rgb49 47 34
hsl52deg 18.07% 16.27%
cmyk0% 4.08% 30.61% 80.78%
hwb52deg 13.33% 80.78%
xyz-d650.03 0.03 0.02
oklch0.3031 0.0224 100.3
oklab0.3031 0 0.02
CMYK
0% 4.08% 30.61% 80.78%
04.0830.6180.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.3031 0.0224 100.3
0.30310.0224100.3LCH
Lightness
Chroma
Hue
OKLAB
0.3031 0 0.02
0.303100.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons