#0EACCC
blue34% BrightnessCool
Color Values
HEX
#0EACCC
RGB
rgb(14, 172, 204)
HSL
hsl(190°, 87%, 43%)
CMYK
cmyk(93%, 16%, 0%, 20%)
Color Harmonies
Complementary
0EACCC
CC2E0E
Triadic
0EACCC
CC0EAC
ACCC0E
Analogous
0ECC8D
0EACCC
0E4DCC
Monochromatic
04333D
0EACCC
7DE2F6
Similar Colors
075C6D
0E7CCC
0ECCBD
4DD7F3
0E4DCC
0ECC8D
CSS Snippets
CSS Variables
--color-base: #0EACCC; --color-light: #52D8F3; --color-dark: #075768;
CSS Class
.element {
color: #0EACCC;
background: #ADECF9;
border-color: #4DD7F3;
}Contrast Analysis
Sample Text — 7.79:1
The quick brown fox jumps over the lazy dog
On Black7.79:1
On White2.70:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness34%
Saturation87%
Hue190°
Temp
Cool
LRV
35%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 34% brightness, 87% saturation, and 43% lightness.