#005F73
blue9% BrightnessCool
Color Values
HEX
#005F73
RGB
rgb(0, 95, 115)
HSL
hsl(190°, 100%, 23%)
CMYK
cmyk(100%, 17%, 0%, 55%)
Color Harmonies
Complementary
005F73
731400
Triadic
005F73
73005F
5F7300
Analogous
00734E
005F73
002573
Monochromatic
000000
005F73
0DD5FF
Similar Colors
000B0D
004273
00736A
00B3D9
002573
00734E
CSS Snippets
CSS Variables
--color-base: #005F73; --color-light: #00B7DE; --color-dark: #000708;
CSS Class
.element {
color: #005F73;
background: #40DEFF;
border-color: #00B3D9;
}Contrast Analysis
Sample Text — 7.28:1
The quick brown fox jumps over the lazy dog
On Black2.88:1
On White7.28:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness9%
Saturation100%
Hue190°
Temp
Cool
LRV
9%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 9% brightness, 100% saturation, and 23% lightness.