#0ec1fd hex color

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

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

● #0ec1fd color description : Vivid blue.

The hexadecimal color #0ec1fd has RGB values of R:14, G:193, B:253 and CMYK values of C:0.94, M:0.24, Y:0, K:0.01. Its decimal value is 967165.

Hex triplet	0ec1fd	`#0ec1fd`
RGB Decimal	14, 193, 253	`rgb(14,193,253)`
RGB Percent	5.5, 75.7, 99.2	`rgb(5.5%,75.7%,99.2%)`
CMYK	94, 24, 0, 1
HSL	195.1°, 98.4, 52.4	`hsl(195.1,98.4%,52.4%)`
HSV (or HSB)	195.1°, 94.5, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.103, -19.061, -40.6
XYZ	36.976, 45.322, 99.722
xyY	0.203, 0.249, 45.322
CIE-LCH	73.103, 44.852, 244.85
CIE-LUV	73.103, -49.665, -63.533
Hunter-Lab	67.321, -19.771, -40.701
Binary	00001110, 11000001, 11111101

#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#fd4a0e
```
#fd4a0e rgb(253,74,14)
```

Complementary Color

#0efdc2
```
#0efdc2 rgb(14,253,194)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#0e4afd
```
#0e4afd rgb(14,74,253)
```

Analogous Color

#fdc20e
```
#fdc20e rgb(253,194,14)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#fd0e49
```
#fd0e49 rgb(253,14,73)
```

Split Complementary Color

#c1fd0e
```
#c1fd0e rgb(193,253,14)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#fd0ec1
```
#fd0ec1 rgb(253,14,193)
```

Triadic Color

#0efd4a
```
#0efd4a rgb(14,253,74)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#fd0ec1
```
#fd0ec1 rgb(253,14,193)
```
#fd4a0e
```
#fd4a0e rgb(253,74,14)
```

Tetradic Color

#028ebd
```
#028ebd rgb(2,142,189)
```
#02a1d6
```
#02a1d6 rgb(2,161,214)
```
#02b4f0
```
#02b4f0 rgb(2,180,240)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#27c8fd
```
#27c8fd rgb(39,200,253)
```
#41cefd
```
#41cefd rgb(65,206,253)
```
#5ad5fe
```
#5ad5fe rgb(90,213,254)
```

Monochromatic Color

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

#0efdfd
```
#0efdfd rgb(14,253,253)
```
#0ee9fd
```
#0ee9fd rgb(14,233,253)
```
#0ed5fd
```
#0ed5fd rgb(14,213,253)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#0eadfd
```
#0eadfd rgb(14,173,253)
```
#0e99fd
```
#0e99fd rgb(14,153,253)
```
#0e85fd
```
#0e85fd rgb(14,133,253)
```

Similar Colors

Text with hexadecimal color #0ec1fd

This text has a font color of #0ec1fd.

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

#0ec1fd background color

This paragraph has a background color of #0ec1fd.

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

#0ec1fd border color

This element has a border color of #0ec1fd.

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

CSS codes

.text {color:#0ec1fd;}

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

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

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)
```
#00181f
```
#00181f rgb(0,24,31)
```
#002633
```
#002633 rgb(0,38,51)
```
#013546
```
#013546 rgb(1,53,70)
```
#01435a
```
#01435a rgb(1,67,90)
```
#01526d
```
#01526d rgb(1,82,109)
```
#016181
```
#016181 rgb(1,97,129)
```
#016f94
```
#016f94 rgb(1,111,148)
```
#017ea8
```
#017ea8 rgb(1,126,168)
```
#028cbb
```
#028cbb rgb(2,140,187)
```
#029bce
```
#029bce rgb(2,155,206)
```
#02aae2
```
#02aae2 rgb(2,170,226)
```
#02b8f5
```
#02b8f5 rgb(2,184,245)
```

Shade Color Variation

#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#35cbfd
```
#35cbfd rgb(53,203,253)
```
#48d0fd
```
#48d0fd rgb(72,208,253)
```
#5cd5fe
```
#5cd5fe rgb(92,213,254)
```
#6fdafe
```
#6fdafe rgb(111,218,254)
```
#83dffe
```
#83dffe rgb(131,223,254)
```
#96e4fe
```
#96e4fe rgb(150,228,254)
```
#aae9fe
```
#aae9fe rgb(170,233,254)
```
#bdeefe
```
#bdeefe rgb(189,238,254)
```
#d1f3ff
```
#d1f3ff rgb(209,243,255)
```
#e4f8ff
```
#e4f8ff rgb(228,248,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#7e898d
```
#7e898d rgb(126,137,141)
```
#758e96
```
#758e96 rgb(117,142,150)
```
#6b92a0
```
#6b92a0 rgb(107,146,160)
```
#6297a9
```
#6297a9 rgb(98,151,169)
```
#599cb2
```
#599cb2 rgb(89,156,178)
```
#4fa0bc
```
#4fa0bc rgb(79,160,188)
```
#46a5c5
```
#46a5c5 rgb(70,165,197)
```
#3daace
```
#3daace rgb(61,170,206)
```
#33aed8
```
#33aed8 rgb(51,174,216)
```
#2ab3e1
```
#2ab3e1 rgb(42,179,225)
```
#21b8ea
```
#21b8ea rgb(33,184,234)
```
#17bcf4
```
#17bcf4 rgb(23,188,244)
```
#0ec1fd
```
#0ec1fd rgb(14,193,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#789ba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b5f2 Protanopia 1% of men
#97b6ff Deuteranopia 1% of men
#00c9d6 Tritanopia 0.001% of the population

Trichromacy

#6db9f6 Protanomaly 1% of men, 0.01% of women
#65bafe Deuteranomaly 6% of men, 0.4% of women
#05c6e4 Tritanomaly 0.01% of the population

#0ec1fd hex color

#0ec1fd Color Information

#0ec1fd Color Conversion

Color Schemes with #0ec1fd

Alternatives to #0ec1fd

#0ec1fd Preview

Shades and Tints of #0ec1fd

Tones of #0ec1fd

Color Blindness Simulator