#676B9D
blue16% BrightnessCool
Color Values
HEX
#676B9D
RGB
rgb(103, 107, 157)
HSL
hsl(236°, 22%, 51%)
CMYK
cmyk(34%, 32%, 0%, 38%)
Color Harmonies
Complementary
676B9D
9D9967
Triadic
676B9D
9D676B
6B9D67
Analogous
67869D
676B9D
7E679D
Monochromatic
2A2C41
676B9D
C4C6D9
Similar Colors
3E4060
71679D
67789D
A5A7C5
7E679D
67869D
CSS Snippets
CSS Variables
--color-base: #676B9D; --color-light: #A8AAC7; --color-dark: #3C3E5D;
CSS Class
.element {
color: #676B9D;
background: #161722;
border-color: #3E4060;
}Contrast Analysis
Sample Text — 5.04:1
The quick brown fox jumps over the lazy dog
On Black4.17:1
On White5.04:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness16%
Saturation22%
Hue236°
Temp
Cool
LRV
16%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 16% brightness, 22% saturation, and 51% lightness.