Heavy Metal

#283A2F

General Information

The hex color code #283A2F represents a dark shade of green, often associated with nature, earth, and stability. It is created by combining specific amounts of red, green, and blue light, with red at 28, green at 3A, and blue at 2F in hexadecimal format. This color evokes a sense of calmness and groundedness. In color psychology, dark greens can symbolize growth, renewal, and prosperity. The color is perceived as trustworthy, making it suitable for brands that want to convey reliability and security. When working with the color, keep in mind that it can be affected by the colors around it.

The hex color #283A2F, a dark desaturated green, presents some accessibility challenges. Its low luminance makes it difficult to read against a white background. The contrast ratio with white is low, falling short of WCAG recommendations for text legibility. For text, it's crucial to pair this color with a very light background to ensure sufficient contrast. If used for interactive elements, consider increasing the size of the interactive element so it becomes easier to read. Large font sizes or bold text may somewhat improve readability. Additionally, provide alternative visual cues like icons or labels to convey information, especially for users with visual impairments. Testing with accessibility tools can help identify and address potential issues.

Shades

Digital Color Formats

RGB
40 58 47
RGB40 58 47
Red
Green
Blue
HSL
143.33deg 18.37% 19.22%
143.3318.3719.22HSL
Hue
Saturation
Lightness
HWB
143.33deg 15.69% 77.25%
143.3315.6977.25HWB
Hue
Whiteness
Blackness
hex#283A2F
rgb40 58 47
hsl143.33deg 18.37% 19.22%
cmyk31.03% 0% 18.97% 77.25%
hwb143.33deg 15.69% 77.25%
xyz-d650.03 0.04 0.03
oklch0.329 0.0304 157.5
oklab0.329 -0.03 0.01
CMYK
31.03% 0% 18.97% 77.25%
31.03018.9777.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.03
0.030.040.03XYZ
X
Y
Z
OKLCH
0.329 0.0304 157.5
0.3290.0304157.5LCH
Lightness
Chroma
Hue
OKLAB
0.329 -0.03 0.01
0.329-0.030.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons