Rangitoto

#303A22

General Information about #303A22 (Rangitoto)

The hexadecimal color code #303A22, also known as Rangitoto, represents a dark shade of green-yellow. It is composed of 18.82% red, 22.75% green, and 13.33% blue. In the RGB color model, this color is equivalent to (48, 58, 34). In the HSL color space, it has a hue of 77 degrees, a saturation of 26.3%, and a lightness of 18%. Rangitoto is often associated with earth tones and natural elements, making it suitable for designs aiming to convey a sense of stability, grounding, and organic appeal. Due to its darkness, it is commonly used as an accent color or background element, requiring careful consideration of contrast with other colors to ensure readability and visual clarity.

The hex color #303A22, also known as Rangitoto, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it requires careful selection of foreground text colors to ensure readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Given its dark and muted nature, lighter shades of text such as white (#FFFFFF) or very light grays may be necessary to meet these standards. However, simply choosing a light color isn't enough; the specific contrast ratio must be verified using online tools. Furthermore, avoid using #303A22 for crucial interactive elements like buttons or links without providing sufficient visual cues and ensuring they meet accessibility standards for users with visual impairments.

Shades

Digital Color Formats

RGB
48 58 34
RGB48 58 34
Red
Green
Blue
HSL
85deg 26.09% 18.04%
8526.0918.04HSL
Hue
Saturation
Lightness
HWB
85deg 13.33% 77.25%
8513.3377.25HWB
Hue
Whiteness
Blackness
hex#303A22
rgb48 58 34
hsl85deg 26.09% 18.04%
cmyk17.24% 0% 41.38% 77.25%
hwb85deg 13.33% 77.25%
xyz-d650.03 0.04 0.02
oklch0.332 0.0421 126.99
oklab0.332 -0.03 0.03
CMYK
17.24% 0% 41.38% 77.25%
17.24041.3877.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.02
0.030.040.02XYZ
X
Y
Z
OKLCH
0.332 0.0421 126.99
0.3320.0421126.99LCH
Lightness
Chroma
Hue
OKLAB
0.332 -0.03 0.03
0.332-0.030.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons