#2D3142
gray3% BrightnessCool
Color Values
HEX
#2D3142
RGB
rgb(45, 49, 66)
HSL
hsl(229°, 19%, 22%)
CMYK
cmyk(32%, 26%, 0%, 74%)
Color Harmonies
Complementary
2D3142
423E2D
Triadic
2D3142
422D31
31422D
Analogous
2D3B42
2D3142
342D42
Monochromatic
000000
2D3142
6D769B
Similar Colors
040405
2E2D42
2D3642
565E7F
342D42
2D3B42
CSS Snippets
CSS Variables
--color-base: #2D3142; --color-light: #586082; --color-dark: #020202;
CSS Class
.element {
color: #2D3142;
background: #8B92B0;
border-color: #565E7F;
}Contrast Analysis
Sample Text — 12.89:1
The quick brown fox jumps over the lazy dog
On Black1.63:1
On White12.89:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness3%
Saturation19%
Hue229°
Temp
Cool
LRV
3%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 3% brightness, 19% saturation, and 22% lightness.
