Rangitoto

#313423

General Information about #313423

The hexadecimal color #313423, also known as Rangitoto, is a dark shade of green, closely resembling olive or khaki. It is composed of 19.2% red, 20.4% green, and 13.7% blue. In the RGB color model, it has values of 49 red, 52 green, and 35 blue. This color is often associated with nature, earthiness, and stability. Its subdued nature makes it a versatile choice for backgrounds, text, and design elements where a subtle and sophisticated tone is desired. The color can also be adjusted to create a range of similar shades, each with its own unique feel and application. It finds frequent uses in design for creating a natural, calming aesthetic.

The contrast ratio of #313423 with white text is approximately 7.06:1, which meets WCAG AA standards for normal text and WCAG AAA standards for large text. However, when using black text on a #313423 background, the contrast ratio is approximately 1.13:1, which is insufficient for accessibility. Therefore, it is highly recommended to use light-colored text, such as white or a very light shade of gray, when using #313423 as a background color. Proper color contrast ensures that the content is readable and accessible to users with visual impairments. Always test color combinations with accessibility tools to confirm compliance with WCAG guidelines to ensure inclusivity.

Shades

Digital Color Formats

RGB
49 52 35
RGB49 52 35
Red
Green
Blue
HSL
70.59deg 19.54% 17.06%
70.5919.5417.06HSL
Hue
Saturation
Lightness
HWB
70.59deg 13.73% 79.61%
70.5913.7379.61HWB
Hue
Whiteness
Blackness
hex#313423
rgb49 52 35
hsl70.59deg 19.54% 17.06%
cmyk5.77% 0% 32.69% 79.61%
hwb70.59deg 13.73% 79.61%
xyz-d650.03 0.03 0.02
oklch0.3168 0.029 116.26
oklab0.3168 -0.01 0.03
CMYK
5.77% 0% 32.69% 79.61%
5.77032.6979.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.3168 0.029 116.26
0.31680.029116.26LCH
Lightness
Chroma
Hue
OKLAB
0.3168 -0.01 0.03
0.3168-0.010.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons