Rangitoto

#304022

General Information about #304022

The hexadecimal color code #304022, also known as Rangitoto, is a muted, dark shade of green with a slight olive undertone. It is composed of 18.8% red, 25.1% green, and 13.3% blue. In the RGB color model, it is expressed as (48, 64, 34). This color typically evokes feelings of nature, earthiness, and tranquility. It's often associated with stability and growth, making it suitable for designs that aim to convey reliability and harmony. The name 'Rangitoto' is derived from a volcanic island in New Zealand, reflecting the color's connection to natural landscapes and geological formations.

The color #304022, also known as Rangitoto, presents some accessibility challenges, particularly regarding color contrast. When using this color for text or interactive elements, it's crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like WebAIM's Contrast Checker can help evaluate the contrast ratio. Insufficient contrast can make content difficult or impossible to read for users with visual impairments. Consider using lighter shades of background colors or using darker text colors to improve legibility. Additionally, providing alternative cues, such as underlines or icons, can benefit users who may not be able to distinguish colors effectively.

Shades

Digital Color Formats

RGB
48 64 34
RGB48 64 34
Red
Green
Blue
HSL
92deg 30.61% 19.22%
9230.6119.22HSL
Hue
Saturation
Lightness
HWB
92deg 13.33% 74.9%
9213.3374.9HWB
Hue
Whiteness
Blackness
hex#304022
rgb48 64 34
hsl92deg 30.61% 19.22%
cmyk25% 0% 46.88% 74.9%
hwb92deg 13.33% 74.9%
xyz-d650.03 0.04 0.02
oklch0.3488 0.0533 131.58
oklab0.3488 -0.04 0.04
CMYK
25% 0% 46.88% 74.9%
25046.8874.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.02
0.030.040.02XYZ
X
Y
Z
OKLCH
0.3488 0.0533 131.58
0.34880.0533131.58LCH
Lightness
Chroma
Hue
OKLAB
0.3488 -0.04 0.04
0.3488-0.040.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons