Rangitoto

#303223

General Information about #303223

The hexadecimal color code #303223 represents a dark shade of olive green or brown. It is composed of 18.82% red, 19.61% green, and 13.73% blue. In the RGB color model, this color is created by mixing these three primary colors in specific proportions. The color is often associated with earth tones, nature, and a sense of groundedness. It can be used to create a calm and relaxing atmosphere in design and is often found in nature-inspired themes. Because of its dark hue, it is important to consider contrast when using it with text or other elements to ensure readability and accessibility.

The hex color #303223 has a low contrast ratio against white, making it difficult for users with visual impairments to read text or distinguish elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to meet WCAG 2.0 AA standards. Therefore, using #303223 as a background color with light text may not be accessible. To improve accessibility, consider using a lighter shade of the background color or a darker shade of the text color to increase the contrast ratio. Tools like WebAIM's Contrast Checker can help evaluate and adjust color combinations for optimal accessibility. Ensure sufficient contrast is maintained for all interactive elements, such as buttons and links, to provide a usable experience for all users.

Shades

Digital Color Formats

RGB
48 50 35
RGB48 50 35
Red
Green
Blue
HSL
68deg 17.65% 16.67%
6817.6516.67HSL
Hue
Saturation
Lightness
HWB
68deg 13.73% 80.39%
6813.7380.39HWB
Hue
Whiteness
Blackness
hex#303223
rgb48 50 35
hsl68deg 17.65% 16.67%
cmyk4% 0% 30% 80.39%
hwb68deg 13.73% 80.39%
xyz-d650.03 0.03 0.02
oklch0.3104 0.0257 114.12
oklab0.3104 -0.01 0.02
CMYK
4% 0% 30% 80.39%
403080.39CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.02
0.030.030.02XYZ
X
Y
Z
OKLCH
0.3104 0.0257 114.12
0.31040.0257114.12LCH
Lightness
Chroma
Hue
OKLAB
0.3104 -0.01 0.02
0.3104-0.010.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons