Swamp

#021818

General Information about #021818

The hex color code #021818 represents a very dark shade of green, often described as 'Swamp'. It is composed of 0.78% red, 9.41% green, and 9.41% blue. In the RGB color model, it has values of R:2, G:24, B:24. In the CMYK color model, its approximate values are C:91, M:0, Y:0, K:91. This color is frequently associated with nature, earthiness, and a sense of quiet sophistication. Due to its high level of darkness, it should be used carefully in designs to ensure proper contrast and readability with lighter elements. It can create a calming and grounding effect when applied effectively.

The hex color #021818, also known as Swamp, presents significant accessibility challenges due to its very low luminance. With such a dark shade, it's crucial to ensure sufficient contrast with foreground elements, particularly text. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using white or very light colors for text or interactive elements against a #021818 background is essential to meet these guidelines. Avoid using this color for primary interactive elements or important information without careful consideration of contrast. Consider alternative, lighter background colors if accessibility is a primary concern. Tools like contrast checkers can help assess the compliance of color combinations.

Shades

Digital Color Formats

RGB
2 24 24
RGB2 24 24
Red
Green
Blue
HSL
180deg 84.62% 5.1%
18084.625.1HSL
Hue
Saturation
Lightness
HWB
180deg 0.78% 90.59%
1800.7890.59HWB
Hue
Whiteness
Blackness
hex#021818
rgb2 24 24
hsl180deg 84.62% 5.1%
cmyk91.67% 0% 0% 90.59%
hwb180deg 0.78% 90.59%
xyz-d650.01 0.01 0.01
oklch0.1907 0.0295 195
oklab0.1907 -0.03 -0.01
CMYK
91.67% 0% 0% 90.59%
91.670090.59CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.01
0.010.010.01XYZ
X
Y
Z
OKLCH
0.1907 0.0295 195
0.19070.0295195LCH
Lightness
Chroma
Hue
OKLAB
0.1907 -0.03 -0.01
0.1907-0.03-0.01LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons