#0ecdf5 hex color

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

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

● #0ecdf5 color description : Vivid cyan.

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

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

CIE-LAB	76.28, -27.844, -31.381
XYZ	38.489, 50.345, 94.07
xyY	0.21, 0.275, 50.345
CIE-LCH	76.28, 41.953, 228.418
CIE-LUV	76.28, -54.282, -46.792
Hunter-Lab	70.954, -27.341, -28.938
Binary	00001110, 11001101, 11110101

#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#f5360e
```
#f5360e rgb(245,54,14)
```

Complementary Color

#0ef5aa
```
#0ef5aa rgb(14,245,170)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#0e59f5
```
#0e59f5 rgb(14,89,245)
```

Analogous Color

#f5aa0e
```
#f5aa0e rgb(245,170,14)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#f50e59
```
#f50e59 rgb(245,14,89)
```

Split Complementary Color

#cdf50e
```
#cdf50e rgb(205,245,14)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#f50ecd
```
#f50ecd rgb(245,14,205)
```

Triadic Color

#0ef536
```
#0ef536 rgb(14,245,54)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#f50ecd
```
#f50ecd rgb(245,14,205)
```
#f5360e
```
#f5360e rgb(245,54,14)
```

Tetradic Color

#0792af
```
#0792af rgb(7,146,175)
```
#08a7c8
```
#08a7c8 rgb(8,167,200)
```
#09bbe0
```
#09bbe0 rgb(9,187,224)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#26d2f6
```
#26d2f6 rgb(38,210,246)
```
#3fd7f7
```
#3fd7f7 rgb(63,215,247)
```
#57dcf8
```
#57dcf8 rgb(87,220,248)
```

Monochromatic Color

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

#0ef5e3
```
#0ef5e3 rgb(14,245,227)
```
#0ef4f5
```
#0ef4f5 rgb(14,244,245)
```
#0ee0f5
```
#0ee0f5 rgb(14,224,245)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#0ebaf5
```
#0ebaf5 rgb(14,186,245)
```
#0ea7f5
```
#0ea7f5 rgb(14,167,245)
```
#0e93f5
```
#0e93f5 rgb(14,147,245)
```

Similar Colors

Text with hexadecimal color #0ecdf5

This text has a font color of #0ecdf5.

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

#0ecdf5 background color

This paragraph has a background color of #0ecdf5.

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

#0ecdf5 border color

This element has a border color of #0ecdf5.

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

CSS codes

.text {color:#0ecdf5;}

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

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

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)
```
#03323c
```
#03323c rgb(3,50,60)
```
#03424f
```
#03424f rgb(3,66,79)
```
#045262
```
#045262 rgb(4,82,98)
```
#056175
```
#056175 rgb(5,97,117)
```
#067188
```
#067188 rgb(6,113,136)
```
#06819b
```
#06819b rgb(6,129,155)
```
#0791ad
```
#0791ad rgb(7,145,173)
```
#08a0c0
```
#08a0c0 rgb(8,160,192)
```
#09b0d3
```
#09b0d3 rgb(9,176,211)
```
#0ac0e6
```
#0ac0e6 rgb(10,192,230)
```

Shade Color Variation

#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#21d1f6
```
#21d1f6 rgb(33,209,246)
```
#34d5f7
```
#34d5f7 rgb(52,213,247)
```
#47d9f7
```
#47d9f7 rgb(71,217,247)
```
#59ddf8
```
#59ddf8 rgb(89,221,248)
```
#6ce1f9
```
#6ce1f9 rgb(108,225,249)
```
#7fe4fa
```
#7fe4fa rgb(127,228,250)
```
#92e8fa
```
#92e8fa rgb(146,232,250)
```
#a5ecfb
```
#a5ecfb rgb(165,236,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 #04d3ff 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)
```
#48a7bb
```
#48a7bb rgb(72,167,187)
```
#3eadc5
```
#3eadc5 rgb(62,173,197)
```
#35b4ce
```
#35b4ce rgb(53,180,206)
```
#2bbad8
```
#2bbad8 rgb(43,186,216)
```
#21c0e2
```
#21c0e2 rgb(33,192,226)
```
#18c7eb
```
#18c7eb rgb(24,199,235)
```
#0ecdf5
```
#0ecdf5 rgb(14,205,245)
```
#04d3ff
```
#04d3ff rgb(4,211,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7ca3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bde9 Protanopia 1% of men
#acbdfc Deuteranopia 1% of men
#00d2e1 Tritanopia 0.001% of the population

Trichromacy

#77c3ed Protanomaly 1% of men, 0.01% of women
#72c2f9 Deuteranomaly 6% of men, 0.4% of women
#05d0e8 Tritanomaly 0.01% of the population

#0ecdf5 hex color

#0ecdf5 Color Information

#0ecdf5 Color Conversion

Color Schemes with #0ecdf5

Alternatives to #0ecdf5

#0ecdf5 Preview

Shades and Tints of #0ecdf5

Tones of #0ecdf5

Color Blindness Simulator