#0ecef5 hex color

In a RGB color space, hex #0ecef5 is composed of 5.5% red, 80.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 94.3% cyan, 15.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 190.1 degrees, a saturation of 92% and a lightness of 50.8%. #0ecef5 color hex could be obtained by blending #1cffff with #009deb. 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

● #0ecef5 color description : Vivid cyan.

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

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

CIE-LAB	76.573, -28.336, -30.931
XYZ	38.729, 50.825, 94.15
xyY	0.211, 0.277, 50.825
CIE-LCH	76.573, 41.948, 227.507
CIE-LUV	76.573, -54.618, -45.974
Hunter-Lab	71.291, -27.789, -28.397
Binary	00001110, 11001110, 11110101

#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#f5350e
```
#f5350e rgb(245,53,14)
```

Complementary Color

#0ef5a9
```
#0ef5a9 rgb(14,245,169)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#0e5bf5
```
#0e5bf5 rgb(14,91,245)
```

Analogous Color

#f5a90e
```
#f5a90e rgb(245,169,14)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#f50e5a
```
#f50e5a rgb(245,14,90)
```

Split Complementary Color

#cef50e
```
#cef50e rgb(206,245,14)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#f50ece
```
#f50ece rgb(245,14,206)
```

Triadic Color

#0ef535
```
#0ef535 rgb(14,245,53)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#f50ece
```
#f50ece rgb(245,14,206)
```
#f5350e
```
#f5350e rgb(245,53,14)
```

Tetradic Color

#0793af
```
#0793af rgb(7,147,175)
```
#08a7c8
```
#08a7c8 rgb(8,167,200)
```
#09bce0
```
#09bce0 rgb(9,188,224)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#26d3f6
```
#26d3f6 rgb(38,211,246)
```
#3fd8f7
```
#3fd8f7 rgb(63,216,247)
```
#57ddf8
```
#57ddf8 rgb(87,221,248)
```

Monochromatic Color

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

#0ef5e2
```
#0ef5e2 rgb(14,245,226)
```
#0ef5f5
```
#0ef5f5 rgb(14,245,245)
```
#0ee1f5
```
#0ee1f5 rgb(14,225,245)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#0ebbf5
```
#0ebbf5 rgb(14,187,245)
```
#0ea8f5
```
#0ea8f5 rgb(14,168,245)
```
#0e94f5
```
#0e94f5 rgb(14,148,245)
```

Similar Colors

Text with hexadecimal color #0ecef5

This text has a font color of #0ecef5.

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

#0ecef5 background color

This paragraph has a background color of #0ecef5.

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

#0ecef5 border color

This element has a border color of #0ecef5.

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

CSS codes

.text {color:#0ecef5;}

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

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

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)
```
#03424f
```
#03424f rgb(3,66,79)
```
#045262
```
#045262 rgb(4,82,98)
```
#056275
```
#056275 rgb(5,98,117)
```
#067288
```
#067288 rgb(6,114,136)
```
#06829b
```
#06829b rgb(6,130,155)
```
#0791ad
```
#0791ad rgb(7,145,173)
```
#08a1c0
```
#08a1c0 rgb(8,161,192)
```
#09b1d3
```
#09b1d3 rgb(9,177,211)
```
#0ac1e6
```
#0ac1e6 rgb(10,193,230)
```

Shade Color Variation

#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#21d2f6
```
#21d2f6 rgb(33,210,246)
```
#34d6f7
```
#34d6f7 rgb(52,214,247)
```
#47d9f7
```
#47d9f7 rgb(71,217,247)
```
#59ddf8
```
#59ddf8 rgb(89,221,248)
```
#6ce1f9
```
#6ce1f9 rgb(108,225,249)
```
#7fe5fa
```
#7fe5fa rgb(127,229,250)
```
#92e9fa
```
#92e9fa rgb(146,233,250)
```
#a5edfb
```
#a5edfb rgb(165,237,251)
```
#b8f0fc
```
#b8f0fc rgb(184,240,252)
```
#caf4fd
```
#caf4fd rgb(202,244,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 #04d4ff is the most saturated one.

#78888b
```
#78888b rgb(120,136,139)
```
#6f8e94
```
#6f8e94 rgb(111,142,148)
```
#65949e
```
#65949e rgb(101,148,158)
```
#5b9ba8
```
#5b9ba8 rgb(91,155,168)
```
#52a1b1
```
#52a1b1 rgb(82,161,177)
```
#48a8bb
```
#48a8bb rgb(72,168,187)
```
#3eaec5
```
#3eaec5 rgb(62,174,197)
```
#35b4ce
```
#35b4ce rgb(53,180,206)
```
#2bbbd8
```
#2bbbd8 rgb(43,187,216)
```
#21c1e2
```
#21c1e2 rgb(33,193,226)
```
#18c8eb
```
#18c8eb rgb(24,200,235)
```
#0ecef5
```
#0ecef5 rgb(14,206,245)
```
#04d4ff
```
#04d4ff rgb(4,212,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7da4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bee9 Protanopia 1% of men
#adbdfc Deuteranopia 1% of men
#00d3e2 Tritanopia 0.001% of the population

Trichromacy

#78c4ed Protanomaly 1% of men, 0.01% of women
#73c3fa Deuteranomaly 6% of men, 0.4% of women
#05d1e8 Tritanomaly 0.01% of the population

#0ecef5 hex color

#0ecef5 Color Information

#0ecef5 Color Conversion

Color Schemes with #0ecef5

Alternatives to #0ecef5

#0ecef5 Preview

Shades and Tints of #0ecef5

Tones of #0ecef5

Color Blindness Simulator