#0ea5cc hex color

In a RGB color space, hex #0ea5cc is composed of 5.5% red, 64.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 19.1% magenta, 0% yellow and 20% black. It has a hue angle of 192.3 degrees, a saturation of 87.2% and a lightness of 42.7%. #0ea5cc color hex could be obtained by blending #1cffff with #004b99. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 65
- B 80
RGB color chart
- C 93
- M 19
- Y 0
- K 20
CMYK color chart

● #0ea5cc color description : Strong cyan.

The hexadecimal color #0ea5cc has RGB values of R:14, G:165, B:204 and CMYK values of C:0.93, M:0.19, Y:0, K:0.2. Its decimal value is 959948.

Hex triplet	0ea5cc	`#0ea5cc`
RGB Decimal	14, 165, 204	`rgb(14,165,204)`
RGB Percent	5.5, 64.7, 80	`rgb(5.5%,64.7%,80%)`
CMYK	93, 19, 0, 20
HSL	192.3°, 87.2, 42.7	`hsl(192.3,87.2%,42.7%)`
HSV (or HSB)	192.3°, 93.1, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.811, -21.354, -29.786
XYZ	24.532, 31.361, 61.884
xyY	0.208, 0.266, 31.361
CIE-LCH	62.811, 36.649, 234.363
CIE-LUV	62.811, -43.814, -43.791
Hunter-Lab	56.001, -19.805, -26.318
Binary	00001110, 10100101, 11001100

#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#cc350e
```
#cc350e rgb(204,53,14)
```

Complementary Color

#0ecc94
```
#0ecc94 rgb(14,204,148)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#0e46cc
```
#0e46cc rgb(14,70,204)
```

Analogous Color

#cc940e
```
#cc940e rgb(204,148,14)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#cc0e46
```
#cc0e46 rgb(204,14,70)
```

Split Complementary Color

#a5cc0e
```
#a5cc0e rgb(165,204,14)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#cc0ea5
```
#cc0ea5 rgb(204,14,165)
```

Triadic Color

#0ecc35
```
#0ecc35 rgb(14,204,53)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#cc0ea5
```
#cc0ea5 rgb(204,14,165)
```
#cc350e
```
#cc350e rgb(204,53,14)
```

Tetradic Color

#096b84
```
#096b84 rgb(9,107,132)
```
#0b7e9c
```
#0b7e9c rgb(11,126,156)
```
#0c92b4
```
#0c92b4 rgb(12,146,180)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#10b8e4
```
#10b8e4 rgb(16,184,228)
```
#1dc4f0
```
#1dc4f0 rgb(29,196,240)
```
#35cbf1
```
#35cbf1 rgb(53,203,241)
```

Monochromatic Color

Below, you can see some colors close to #0ea5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0eccc4
```
#0eccc4 rgb(14,204,196)
```
#0ec5cc
```
#0ec5cc rgb(14,197,204)
```
#0eb5cc
```
#0eb5cc rgb(14,181,204)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#0e95cc
```
#0e95cc rgb(14,149,204)
```
#0e85cc
```
#0e85cc rgb(14,133,204)
```
#0e76cc
```
#0e76cc rgb(14,118,204)
```

Similar Colors

Text with hexadecimal color #0ea5cc

This text has a font color of #0ea5cc.

<span style="color:#0ea5cc;">Text here</span>

#0ea5cc background color

This paragraph has a background color of #0ea5cc.

<p style="background-color:#0ea5cc;">Content here</p>

#0ea5cc border color

This element has a border color of #0ea5cc.

<div style="border:1px solid #0ea5cc;">Content here</div>

CSS codes

.text {color:#0ea5cc;}

.background {background-color:#0ea5cc;}

.border {border:1px solid #0ea5cc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000202 is the darkest color, while #effbfe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#011114
```
#011114 rgb(1,17,20)
```
#031f27
```
#031f27 rgb(3,31,39)
```
#042e39
```
#042e39 rgb(4,46,57)
```
#053d4c
```
#053d4c rgb(5,61,76)
```
#064c5e
```
#064c5e rgb(6,76,94)
```
#085b70
```
#085b70 rgb(8,91,112)
```
#096a83
```
#096a83 rgb(9,106,131)
```
#0a7895
```
#0a7895 rgb(10,120,149)
```
#0b87a7
```
#0b87a7 rgb(11,135,167)
```
#0d96ba
```
#0d96ba rgb(13,150,186)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#0fb4de
```
#0fb4de rgb(15,180,222)
```

Shade Color Variation

#12c2ef
```
#12c2ef rgb(18,194,239)
```
#25c6f0
```
#25c6f0 rgb(37,198,240)
```
#37cbf1
```
#37cbf1 rgb(55,203,241)
```
#4ad0f3
```
#4ad0f3 rgb(74,208,243)
```
#5cd5f4
```
#5cd5f4 rgb(92,213,244)
```
#6ed9f5
```
#6ed9f5 rgb(110,217,245)
```
#81def6
```
#81def6 rgb(129,222,246)
```
#93e3f8
```
#93e3f8 rgb(147,227,248)
```
#a5e8f9
```
#a5e8f9 rgb(165,232,249)
```
#b8ecfa
```
#b8ecfa rgb(184,236,250)
```
#caf1fb
```
#caf1fb rgb(202,241,251)
```
#dcf6fd
```
#dcf6fd rgb(220,246,253)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6f70 is the less saturated color, while #06aad4 is the most saturated one.

#6a6f70
```
#6a6f70 rgb(106,111,112)
```
#627478
```
#627478 rgb(98,116,120)
```
#597981
```
#597981 rgb(89,121,129)
```
#517d89
```
#517d89 rgb(81,125,137)
```
#498291
```
#498291 rgb(73,130,145)
```
#40879a
```
#40879a rgb(64,135,154)
```
#388ca2
```
#388ca2 rgb(56,140,162)
```
#3091aa
```
#3091aa rgb(48,145,170)
```
#2796b3
```
#2796b3 rgb(39,150,179)
```
#1f9bbb
```
#1f9bbb rgb(31,155,187)
```
#16a0c4
```
#16a0c4 rgb(22,160,196)
```
#0ea5cc
```
#0ea5cc rgb(14,165,204)
```
#06aad4
```
#06aad4 rgb(6,170,212)
```

Tone Color Variation

Below, you can see how #0ea5cc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#7c7c7c Achromatopsia 0.005% of the population
#66848c Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc5 Protanopia 1% of men
#899bd4 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#619fc7 Protanomaly 1% of men, 0.01% of women
#5c9fd1 Deuteranomaly 6% of men, 0.4% of women
#05a9bf Tritanomaly 0.01% of the population

#0ea5cc hex color

#0ea5cc Color Information

#0ea5cc Color Conversion

Color Schemes with #0ea5cc

Alternatives to #0ea5cc

#0ea5cc Preview

Shades and Tints of #0ea5cc

Tones of #0ea5cc

Color Blindness Simulator