#0cd4fe hex color

In a RGB color space, hex #0cd4fe is composed of 4.7% red, 83.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 16.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 190.4 degrees, a saturation of 99.2% and a lightness of 52.2%. #0cd4fe color hex could be obtained by blending #18ffff with #00a9fd. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 83
- B 100
RGB color chart
- C 95
- M 17
- Y 0
- K 0
CMYK color chart

● #0cd4fe color description : Vivid cyan.

The hexadecimal color #0cd4fe has RGB values of R:12, G:212, B:254 and CMYK values of C:0.95, M:0.17, Y:0, K:0. Its decimal value is 840958.

Hex triplet	0cd4fe	`#0cd4fe`
RGB Decimal	12, 212, 254	`rgb(12,212,254)`
RGB Percent	4.7, 83.1, 99.6	`rgb(4.7%,83.1%,99.6%)`
CMYK	95, 17, 0, 0
HSL	190.4°, 99.2, 52.2	`hsl(190.4,99.2%,52.2%)`
HSV (or HSB)	190.4°, 95.3, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.646, -28.394, -32.545
XYZ	41.58, 54.317, 102.053
xyY	0.21, 0.274, 54.317
CIE-LCH	78.646, 43.19, 228.896
CIE-LUV	78.646, -55.996, -48.887
Hunter-Lab	73.7, -28.27, -30.51
Binary	00001100, 11010100, 11111110

#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#fe360c
```
#fe360c rgb(254,54,12)
```

Complementary Color

#0cfeaf
```
#0cfeaf rgb(12,254,175)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#0c5bfe
```
#0c5bfe rgb(12,91,254)
```

Analogous Color

#feaf0c
```
#feaf0c rgb(254,175,12)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#fe0c5b
```
#fe0c5b rgb(254,12,91)
```

Split Complementary Color

#d4fe0c
```
#d4fe0c rgb(212,254,12)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#fe0cd4
```
#fe0cd4 rgb(254,12,212)
```

Triadic Color

#0cfe36
```
#0cfe36 rgb(12,254,54)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#fe0cd4
```
#fe0cd4 rgb(254,12,212)
```
#fe360c
```
#fe360c rgb(254,54,12)
```

Tetradic Color

#019cbd
```
#019cbd rgb(1,156,189)
```
#01b1d6
```
#01b1d6 rgb(1,177,214)
```
#01c6f0
```
#01c6f0 rgb(1,198,240)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#25d8fe
```
#25d8fe rgb(37,216,254)
```
#3fddfe
```
#3fddfe rgb(63,221,254)
```
#58e1fe
```
#58e1fe rgb(88,225,254)
```

Monochromatic Color

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

#0cfeec
```
#0cfeec rgb(12,254,236)
```
#0cfcfe
```
#0cfcfe rgb(12,252,254)
```
#0ce8fe
```
#0ce8fe rgb(12,232,254)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#0cc0fe
```
#0cc0fe rgb(12,192,254)
```
#0cacfe
```
#0cacfe rgb(12,172,254)
```
#0c98fe
```
#0c98fe rgb(12,152,254)
```

Similar Colors

Text with hexadecimal color #0cd4fe

This text has a font color of #0cd4fe.

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

#0cd4fe background color

This paragraph has a background color of #0cd4fe.

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

#0cd4fe border color

This element has a border color of #0cd4fe.

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

CSS codes

.text {color:#0cd4fe;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#00191e
```
#00191e rgb(0,25,30)
```
#002932
```
#002932 rgb(0,41,50)
```
#003a46
```
#003a46 rgb(0,58,70)
```
#004a59
```
#004a59 rgb(0,74,89)
```
#005a6d
```
#005a6d rgb(0,90,109)
```
#016a80
```
#016a80 rgb(1,106,128)
```
#017a94
```
#017a94 rgb(1,122,148)
```
#018aa7
```
#018aa7 rgb(1,138,167)
```
#019abb
```
#019abb rgb(1,154,187)
```
#01abce
```
#01abce rgb(1,171,206)
```
#01bbe2
```
#01bbe2 rgb(1,187,226)
```
#01cbf5
```
#01cbf5 rgb(1,203,245)
```

Shade Color Variation

#0cd4fe
```
#0cd4fe rgb(12,212,254)
```
#20d7fe
```
#20d7fe rgb(32,215,254)
```
#33dbfe
```
#33dbfe rgb(51,219,254)
```
#47defe
```
#47defe rgb(71,222,254)
```
#5ae2fe
```
#5ae2fe rgb(90,226,254)
```
#6ee5fe
```
#6ee5fe rgb(110,229,254)
```
#81e9fe
```
#81e9fe rgb(129,233,254)
```
#95ecff
```
#95ecff rgb(149,236,255)
```
#a8f0ff
```
#a8f0ff rgb(168,240,255)
```
#bcf3ff
```
#bcf3ff rgb(188,243,255)
```
#cff7ff
```
#cff7ff rgb(207,247,255)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#7d8a8d
```
#7d8a8d rgb(125,138,141)
```
#739197
```
#739197 rgb(115,145,151)
```
#6a97a0
```
#6a97a0 rgb(106,151,160)
```
#609daa
```
#609daa rgb(96,157,170)
```
#57a3b3
```
#57a3b3 rgb(87,163,179)
```
#4ea9bc
```
#4ea9bc rgb(78,169,188)
```
#44afc6
```
#44afc6 rgb(68,175,198)
```
#3bb5cf
```
#3bb5cf rgb(59,181,207)
```
#32bbd8
```
#32bbd8 rgb(50,187,216)
```
#28c2e2
```
#28c2e2 rgb(40,194,226)
```
#1fc8eb
```
#1fc8eb rgb(31,200,235)
```
#15cef5
```
#15cef5 rgb(21,206,245)
```
#0cd4fe
```
#0cd4fe rgb(12,212,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#80a8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c3f2 Protanopia 1% of men
#b4c3ff Deuteranopia 1% of men
#00d8e8 Tritanopia 0.001% of the population

Trichromacy

#7ac9f6 Protanomaly 1% of men, 0.01% of women
#77c9fe Deuteranomaly 6% of men, 0.4% of women
#04d7f0 Tritanomaly 0.01% of the population

#0cd4fe hex color

#0cd4fe Color Information

#0cd4fe Color Conversion

Color Schemes with #0cd4fe

Alternatives to #0cd4fe

#0cd4fe Preview

Shades and Tints of #0cd4fe

Tones of #0cd4fe

Color Blindness Simulator