#597686
gray17% BrightnessCool
Color Values
HEX
#597686
RGB
rgb(89, 118, 134)
HSL
hsl(201°, 20%, 44%)
CMYK
cmyk(34%, 12%, 0%, 47%)
Color Harmonies
Complementary
597686
866959
Triadic
597686
865976
768659
Analogous
598680
597686
596086
Monochromatic
1C252A
597686
AEC0CA
Similar Colors
304049
596B86
598186
90A8B5
596086
598680
CSS Snippets
CSS Variables
--color-base: #597686; --color-light: #93AAB7; --color-dark: #2E3D46;
CSS Class
.element {
color: #597686;
background: #CDD8DE;
border-color: #90A8B5;
}Contrast Analysis
Sample Text — 4.82:1
The quick brown fox jumps over the lazy dog
On Black4.36:1
On White4.82:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness17%
Saturation20%
Hue201°
Temp
Cool
LRV
17%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 17% brightness, 20% saturation, and 44% lightness.