#0ecff5 hex color

In a RGB color space, hex #0ecff5 is composed of 5.5% red, 81.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 94.3% cyan, 15.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 189.9 degrees, a saturation of 92% and a lightness of 50.8%. #0ecff5 color hex could be obtained by blending #1cffff with #009feb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 81
- B 96
RGB color chart
- C 94
- M 16
- Y 0
- K 4
CMYK color chart

● #0ecff5 color description : Vivid cyan.

The hexadecimal color #0ecff5 has RGB values of R:14, G:207, B:245 and CMYK values of C:0.94, M:0.16, Y:0, K:0.04. Its decimal value is 970741.

Hex triplet	0ecff5	`#0ecff5`
RGB Decimal	14, 207, 245	`rgb(14,207,245)`
RGB Percent	5.5, 81.2, 96.1	`rgb(5.5%,81.2%,96.1%)`
CMYK	94, 16, 0, 4
HSL	189.9°, 92, 50.8	`hsl(189.9,92%,50.8%)`
HSV (or HSB)	189.9°, 94.3, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.865, -28.827, -30.481
XYZ	38.971, 51.308, 94.231
xyY	0.211, 0.278, 51.308
CIE-LCH	76.865, 41.954, 226.597
CIE-LUV	76.865, -54.954, -45.157
Hunter-Lab	71.629, -28.236, -27.857
Binary	00001110, 11001111, 11110101

#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#f5340e
```
#f5340e rgb(245,52,14)
```

Complementary Color

#0ef5a8
```
#0ef5a8 rgb(14,245,168)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#0e5bf5
```
#0e5bf5 rgb(14,91,245)
```

Analogous Color

#f5a80e
```
#f5a80e rgb(245,168,14)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#f50e5c
```
#f50e5c rgb(245,14,92)
```

Split Complementary Color

#cff50e
```
#cff50e rgb(207,245,14)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#f50ecf
```
#f50ecf rgb(245,14,207)
```

Triadic Color

#0ef534
```
#0ef534 rgb(14,245,52)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#f50ecf
```
#f50ecf rgb(245,14,207)
```
#f5340e
```
#f5340e rgb(245,52,14)
```

Tetradic Color

#0794af
```
#0794af rgb(7,148,175)
```
#08a8c8
```
#08a8c8 rgb(8,168,200)
```
#09bde0
```
#09bde0 rgb(9,189,224)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#26d4f6
```
#26d4f6 rgb(38,212,246)
```
#3fd9f7
```
#3fd9f7 rgb(63,217,247)
```
#57def8
```
#57def8 rgb(87,222,248)
```

Monochromatic Color

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

#0ef5e1
```
#0ef5e1 rgb(14,245,225)
```
#0ef5f5
```
#0ef5f5 rgb(14,245,245)
```
#0ee2f5
```
#0ee2f5 rgb(14,226,245)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#0ebcf5
```
#0ebcf5 rgb(14,188,245)
```
#0ea9f5
```
#0ea9f5 rgb(14,169,245)
```
#0e95f5
```
#0e95f5 rgb(14,149,245)
```

Similar Colors

Text with hexadecimal color #0ecff5

This text has a font color of #0ecff5.

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

#0ecff5 background color

This paragraph has a background color of #0ecff5.

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

#0ecff5 border color

This element has a border color of #0ecff5.

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

CSS codes

.text {color:#0ecff5;}

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

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

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, #000304 is the darkest color, while #f0fcfe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#011317
```
#011317 rgb(1,19,23)
```
#02232a
```
#02232a rgb(2,35,42)
```
#03333c
```
#03333c rgb(3,51,60)
```
#03434f
```
#03434f rgb(3,67,79)
```
#045362
```
#045362 rgb(4,83,98)
```
#056275
```
#056275 rgb(5,98,117)
```
#067288
```
#067288 rgb(6,114,136)
```
#06829b
```
#06829b rgb(6,130,155)
```
#0792ad
```
#0792ad rgb(7,146,173)
```
#08a2c0
```
#08a2c0 rgb(8,162,192)
```
#09b2d3
```
#09b2d3 rgb(9,178,211)
```
#0ac2e6
```
#0ac2e6 rgb(10,194,230)
```

Shade Color Variation

#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#21d3f6
```
#21d3f6 rgb(33,211,246)
```
#34d7f7
```
#34d7f7 rgb(52,215,247)
```
#47daf7
```
#47daf7 rgb(71,218,247)
```
#59def8
```
#59def8 rgb(89,222,248)
```
#6ce2f9
```
#6ce2f9 rgb(108,226,249)
```
#7fe6fa
```
#7fe6fa rgb(127,230,250)
```
#92e9fa
```
#92e9fa rgb(146,233,250)
```
#a5edfb
```
#a5edfb rgb(165,237,251)
```
#b8f1fc
```
#b8f1fc rgb(184,241,252)
```
#caf5fd
```
#caf5fd rgb(202,245,253)
```
#ddf8fe
```
#ddf8fe rgb(221,248,254)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78888b is the less saturated color, while #04d5ff is the most saturated one.

#78888b
```
#78888b rgb(120,136,139)
```
#6f8e94
```
#6f8e94 rgb(111,142,148)
```
#65959e
```
#65959e rgb(101,149,158)
```
#5b9ba8
```
#5b9ba8 rgb(91,155,168)
```
#52a2b1
```
#52a2b1 rgb(82,162,177)
```
#48a8bb
```
#48a8bb rgb(72,168,187)
```
#3eafc5
```
#3eafc5 rgb(62,175,197)
```
#35b5ce
```
#35b5ce rgb(53,181,206)
```
#2bbcd8
```
#2bbcd8 rgb(43,188,216)
```
#21c2e2
```
#21c2e2 rgb(33,194,226)
```
#18c9eb
```
#18c9eb rgb(24,201,235)
```
#0ecff5
```
#0ecff5 rgb(14,207,245)
```
#04d5ff
```
#04d5ff rgb(4,213,255)
```

Tone Color Variation

Below, you can see how #0ecff5 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

#9a9a9a Achromatopsia 0.005% of the population
#7ea5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bfe9 Protanopia 1% of men
#afbefc Deuteranopia 1% of men
#00d3e2 Tritanopia 0.001% of the population

Trichromacy

#79c5ed Protanomaly 1% of men, 0.01% of women
#74c4fa Deuteranomaly 6% of men, 0.4% of women
#05d2e9 Tritanomaly 0.01% of the population

#0ecff5 hex color

#0ecff5 Color Information

#0ecff5 Color Conversion

Color Schemes with #0ecff5

Alternatives to #0ecff5

#0ecff5 Preview

Shades and Tints of #0ecff5

Tones of #0ecff5

Color Blindness Simulator