#0ecafd hex color

In a RGB color space, hex #0ecafd is composed of 5.5% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.8 degrees, a saturation of 98.4% and a lightness of 52.4%. #0ecafd color hex could be obtained by blending #1cffff with #0095fb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 79
- B 99
RGB color chart
- C 94
- M 20
- Y 0
- K 1
CMYK color chart

● #0ecafd color description : Vivid cyan.

The hexadecimal color #0ecafd has RGB values of R:14, G:202, B:253 and CMYK values of C:0.94, M:0.2, Y:0, K:0.01. Its decimal value is 969469.

Hex triplet	0ecafd	`#0ecafd`
RGB Decimal	14, 202, 253	`rgb(14,202,253)`
RGB Percent	5.5, 79.2, 99.2	`rgb(5.5%,79.2%,99.2%)`
CMYK	94, 20, 0, 1
HSL	192.8°, 98.4, 52.4	`hsl(192.8,98.4%,52.4%)`
HSV (or HSB)	192.8°, 94.5, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.713, -23.687, -36.542
XYZ	39.026, 49.422, 100.406
xyY	0.207, 0.262, 49.422
CIE-LCH	75.713, 43.547, 237.049
CIE-LUV	75.713, -52.667, -56.187
Hunter-Lab	70.301, -23.936, -35.469
Binary	00001110, 11001010, 11111101

#0ecafd
```
#0ecafd rgb(14,202,253)
```
#fd410e
```
#fd410e rgb(253,65,14)
```

Complementary Color

#0efdb9
```
#0efdb9 rgb(14,253,185)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#0e53fd
```
#0e53fd rgb(14,83,253)
```

Analogous Color

#fdb90e
```
#fdb90e rgb(253,185,14)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#fd0e52
```
#fd0e52 rgb(253,14,82)
```

Split Complementary Color

#cafd0e
```
#cafd0e rgb(202,253,14)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#fd0eca
```
#fd0eca rgb(253,14,202)
```

Triadic Color

#0efd41
```
#0efd41 rgb(14,253,65)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#fd0eca
```
#fd0eca rgb(253,14,202)
```
#fd410e
```
#fd410e rgb(253,65,14)
```

Tetradic Color

#0295bd
```
#0295bd rgb(2,149,189)
```
#02a9d6
```
#02a9d6 rgb(2,169,214)
```
#02bdf0
```
#02bdf0 rgb(2,189,240)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#27d0fd
```
#27d0fd rgb(39,208,253)
```
#41d5fd
```
#41d5fd rgb(65,213,253)
```
#5adbfe
```
#5adbfe rgb(90,219,254)
```

Monochromatic Color

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

#0efdf4
```
#0efdf4 rgb(14,253,244)
```
#0ef2fd
```
#0ef2fd rgb(14,242,253)
```
#0edefd
```
#0edefd rgb(14,222,253)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```
#0eb6fd
```
#0eb6fd rgb(14,182,253)
```
#0ea2fd
```
#0ea2fd rgb(14,162,253)
```
#0e8efd
```
#0e8efd rgb(14,142,253)
```

Similar Colors

Text with hexadecimal color #0ecafd

This text has a font color of #0ecafd.

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

#0ecafd background color

This paragraph has a background color of #0ecafd.

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

#0ecafd border color

This element has a border color of #0ecafd.

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

CSS codes

.text {color:#0ecafd;}

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

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

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, #00090c is the darkest color, while #f7fdff is the lightest one.

#00090c
```
#00090c rgb(0,9,12)
```
#00191f
```
#00191f rgb(0,25,31)
```
#002833
```
#002833 rgb(0,40,51)
```
#013746
```
#013746 rgb(1,55,70)
```
#01475a
```
#01475a rgb(1,71,90)
```
#01566d
```
#01566d rgb(1,86,109)
```
#016581
```
#016581 rgb(1,101,129)
```
#017594
```
#017594 rgb(1,117,148)
```
#0184a8
```
#0184a8 rgb(1,132,168)
```
#0293bb
```
#0293bb rgb(2,147,187)
```
#02a3ce
```
#02a3ce rgb(2,163,206)
```
#02b2e2
```
#02b2e2 rgb(2,178,226)
```
#02c1f5
```
#02c1f5 rgb(2,193,245)
```

Shade Color Variation

#0ecafd
```
#0ecafd rgb(14,202,253)
```
#21cefd
```
#21cefd rgb(33,206,253)
```
#35d3fd
```
#35d3fd rgb(53,211,253)
```
#48d7fd
```
#48d7fd rgb(72,215,253)
```
#5cdbfe
```
#5cdbfe rgb(92,219,254)
```
#6fdffe
```
#6fdffe rgb(111,223,254)
```
#83e4fe
```
#83e4fe rgb(131,228,254)
```
#96e8fe
```
#96e8fe rgb(150,232,254)
```
#aaecfe
```
#aaecfe rgb(170,236,254)
```
#bdf1fe
```
#bdf1fe rgb(189,241,254)
```
#d1f5ff
```
#d1f5ff rgb(209,245,255)
```
#e4f9ff
```
#e4f9ff rgb(228,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8a8d is the less saturated color, while #0ecafd is the most saturated one.

#7e8a8d
```
#7e8a8d rgb(126,138,141)
```
#758f96
```
#758f96 rgb(117,143,150)
```
#6b94a0
```
#6b94a0 rgb(107,148,160)
```
#629aa9
```
#629aa9 rgb(98,154,169)
```
#599fb2
```
#599fb2 rgb(89,159,178)
```
#4fa4bc
```
#4fa4bc rgb(79,164,188)
```
#46aac5
```
#46aac5 rgb(70,170,197)
```
#3dafce
```
#3dafce rgb(61,175,206)
```
#33b5d8
```
#33b5d8 rgb(51,181,216)
```
#2abae1
```
#2abae1 rgb(42,186,225)
```
#21bfea
```
#21bfea rgb(33,191,234)
```
#17c5f4
```
#17c5f4 rgb(23,197,244)
```
#0ecafd
```
#0ecafd rgb(14,202,253)
```

Tone Color Variation

Below, you can see how #0ecafd 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
#7ca2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf1 Protanopia 1% of men
#a5bcff Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#74c1f5 Protanomaly 1% of men, 0.01% of women
#6ec1fe Deuteranomaly 6% of men, 0.4% of women
#05ceea Tritanomaly 0.01% of the population

#0ecafd hex color

#0ecafd Color Information

#0ecafd Color Conversion

Color Schemes with #0ecafd

Alternatives to #0ecafd

#0ecafd Preview

Shades and Tints of #0ecafd

Tones of #0ecafd

Color Blindness Simulator