#3D405B
gray5% BrightnessCool
Color Values
HEX
#3D405B
RGB
rgb(61, 64, 91)
HSL
hsl(234°, 20%, 30%)
CMYK
cmyk(33%, 30%, 0%, 64%)
Color Harmonies
Complementary
3D405B
5B583D
Triadic
3D405B
5B3D40
405B3D
Analogous
3D4F5B
3D405B
493D5B
Monochromatic
000000
3D405B
8488AD
Similar Colors
14151E
413D5B
3D485B
666B98
493D5B
3D4F5B
CSS Snippets
CSS Variables
--color-base: #3D405B; --color-light: #696E9A; --color-dark: #12131B;
CSS Class
.element {
color: #3D405B;
background: #A3A6C1;
border-color: #666B98;
}Contrast Analysis
Sample Text — 10.08:1
The quick brown fox jumps over the lazy dog
On Black2.08:1
On White10.08:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness5%
Saturation20%
Hue234°
Temp
Cool
LRV
5%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 5% brightness, 20% saturation, and 30% lightness.