#2E3047
blue3% BrightnessCool
Color Values
HEX
#2E3047
RGB
rgb(46, 48, 71)
HSL
hsl(235°, 21%, 23%)
CMYK
cmyk(35%, 32%, 0%, 72%)
Color Harmonies
Complementary
2E3047
47452E
Triadic
2E3047
472E30
30472E
Analogous
2E3D47
2E3047
382E47
Monochromatic
000000
2E3047
6D71A1
Similar Colors
060609
322E47
2E3647
565A85
382E47
2E3D47
CSS Snippets
CSS Variables
--color-base: #2E3047; --color-light: #585C88; --color-dark: #040406;
CSS Class
.element {
color: #2E3047;
background: #8C90B5;
border-color: #565A85;
}Contrast Analysis
Sample Text — 12.88:1
The quick brown fox jumps over the lazy dog
On Black1.63:1
On White12.88:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness3%
Saturation21%
Hue235°
Temp
Cool
LRV
3%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 3% brightness, 21% saturation, and 23% lightness.