Rangitoto

#302E26

General Information about #302E26

The hexadecimal color code #302E26, also known as Rangitoto, represents a dark, muted shade of brown. In the RGB color model, it is composed of 10.3% red, 9.8% green, and 14.9% blue. This color is often associated with earth tones, creating a sense of warmth, stability, and natural elegance. Hex #302E26 can be used to evoke a feeling of understated luxury or a connection to the outdoors. It's a versatile color suitable for a variety of design applications, providing a sophisticated and grounding effect. When converting to CMYK, it consists of 31% cyan, 34% magenta, 0% yellow, and 85% black.

The hex color #302E26 presents challenges for accessibility, particularly concerning color contrast. When used as a background, it necessitates light text to ensure readability. The Web Content Accessibility Guidelines (WCAG) recommend specific contrast ratios for different text sizes. For standard text, a contrast ratio of 4.5:1 is advised, while larger text requires a 3:1 ratio. Given #302E26's darkness, careful selection of foreground colors is crucial to meet these standards. Tools are available to calculate contrast ratios, aiding designers in making informed decisions. Insufficient contrast can exclude users with visual impairments, making accessibility considerations paramount in design choices. It's important to test color combinations thoroughly to guarantee inclusivity.

Shades

Digital Color Formats

RGB
48 46 38
RGB48 46 38
Red
Green
Blue
HSL
48deg 11.63% 16.86%
4811.6316.86HSL
Hue
Saturation
Lightness
HWB
48deg 14.9% 81.18%
4814.981.18HWB
Hue
Whiteness
Blackness
hex#302E26
rgb48 46 38
hsl48deg 11.63% 16.86%
cmyk0% 4.17% 20.83% 81.18%
hwb48deg 14.9% 81.18%
xyz-d650.03 0.03 0.02
oklch0.3005 0.0142 95.54
oklab0.3005 0 0.01
CMYK
0% 4.17% 20.83% 81.18%
04.1720.8381.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.3005 0.0142 95.54
0.30050.014295.54LCH
Lightness
Chroma
Hue
OKLAB
0.3005 0 0.01
0.300500.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons