#0cd8fd hex color

In a RGB color space, hex #0cd8fd is composed of 4.7% red, 84.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 14.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 189.2 degrees, a saturation of 98.4% and a lightness of 52%. #0cd8fd color hex could be obtained by blending #18ffff with #00b1fb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 85
- B 99
RGB color chart
- C 95
- M 15
- Y 0
- K 1
CMYK color chart

● #0cd8fd color description : Vivid cyan.

The hexadecimal color #0cd8fd has RGB values of R:12, G:216, B:253 and CMYK values of C:0.95, M:0.15, Y:0, K:0.01. Its decimal value is 841981.

Hex triplet	0cd8fd	`#0cd8fd`
RGB Decimal	12, 216, 253	`rgb(12,216,253)`
RGB Percent	4.7, 84.7, 99.2	`rgb(4.7%,84.7%,99.2%)`
CMYK	95, 15, 0, 1
HSL	189.2°, 98.4, 52	`hsl(189.2,98.4%,52%)`
HSV (or HSB)	189.2°, 95.3, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.771, -30.668, -30.282
XYZ	42.432, 56.277, 101.549
xyY	0.212, 0.281, 56.277
CIE-LCH	79.771, 43.099, 224.637
CIE-LUV	79.771, -57.409, -44.75
Hunter-Lab	75.018, -30.318, -27.746
Binary	00001100, 11011000, 11111101

#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#fd310c
```
#fd310c rgb(253,49,12)
```

Complementary Color

#0cfdaa
```
#0cfdaa rgb(12,253,170)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#0c5ffd
```
#0c5ffd rgb(12,95,253)
```

Analogous Color

#fdaa0c
```
#fdaa0c rgb(253,170,12)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#fd0c60
```
#fd0c60 rgb(253,12,96)
```

Split Complementary Color

#d8fd0c
```
#d8fd0c rgb(216,253,12)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#fd0cd8
```
#fd0cd8 rgb(253,12,216)
```

Triadic Color

#0cfd31
```
#0cfd31 rgb(12,253,49)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#fd0cd8
```
#fd0cd8 rgb(253,12,216)
```
#fd310c
```
#fd310c rgb(253,49,12)
```

Tetradic Color

#029ebb
```
#029ebb rgb(2,158,187)
```
#02b4d4
```
#02b4d4 rgb(2,180,212)
```
#02c9ee
```
#02c9ee rgb(2,201,238)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#25dcfd
```
#25dcfd rgb(37,220,253)
```
#3fe0fd
```
#3fe0fd rgb(63,224,253)
```
#58e4fe
```
#58e4fe rgb(88,228,254)
```

Monochromatic Color

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

#0cfde6
```
#0cfde6 rgb(12,253,230)
```
#0cfdfa
```
#0cfdfa rgb(12,253,250)
```
#0cecfd
```
#0cecfd rgb(12,236,253)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#0cc4fd
```
#0cc4fd rgb(12,196,253)
```
#0cb0fd
```
#0cb0fd rgb(12,176,253)
```
#0c9cfd
```
#0c9cfd rgb(12,156,253)
```

Similar Colors

Text with hexadecimal color #0cd8fd

This text has a font color of #0cd8fd.

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

#0cd8fd background color

This paragraph has a background color of #0cd8fd.

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

#0cd8fd border color

This element has a border color of #0cd8fd.

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

CSS codes

.text {color:#0cd8fd;}

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

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

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, #00080a is the darkest color, while #f5fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00191d
```
#00191d rgb(0,25,29)
```
#002931
```
#002931 rgb(0,41,49)
```
#013a44
```
#013a44 rgb(1,58,68)
```
#014a58
```
#014a58 rgb(1,74,88)
```
#015b6b
```
#015b6b rgb(1,91,107)
```
#016b7f
```
#016b7f rgb(1,107,127)
```
#017c92
```
#017c92 rgb(1,124,146)
```
#018ca6
```
#018ca6 rgb(1,140,166)
```
#029db9
```
#029db9 rgb(2,157,185)
```
#02adcc
```
#02adcc rgb(2,173,204)
```
#02bee0
```
#02bee0 rgb(2,190,224)
```
#02cef3
```
#02cef3 rgb(2,206,243)
```

Shade Color Variation

#0cd8fd
```
#0cd8fd rgb(12,216,253)
```
#1fdbfd
```
#1fdbfd rgb(31,219,253)
```
#33defd
```
#33defd rgb(51,222,253)
```
#46e1fd
```
#46e1fd rgb(70,225,253)
```
#5ae4fe
```
#5ae4fe rgb(90,228,254)
```
#6de8fe
```
#6de8fe rgb(109,232,254)
```
#81ebfe
```
#81ebfe rgb(129,235,254)
```
#94eefe
```
#94eefe rgb(148,238,254)
```
#a8f1fe
```
#a8f1fe rgb(168,241,254)
```
#bbf4fe
```
#bbf4fe rgb(187,244,254)
```
#cff7ff
```
#cff7ff rgb(207,247,255)
```
#e2faff
```
#e2faff rgb(226,250,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#7d8a8c
```
#7d8a8c rgb(125,138,140)
```
#749095
```
#749095 rgb(116,144,149)
```
#6a979f
```
#6a979f rgb(106,151,159)
```
#619da8
```
#619da8 rgb(97,157,168)
```
#57a4b2
```
#57a4b2 rgb(87,164,178)
```
#4eaabb
```
#4eaabb rgb(78,170,187)
```
#45b1c4
```
#45b1c4 rgb(69,177,196)
```
#3bb7ce
```
#3bb7ce rgb(59,183,206)
```
#32bed7
```
#32bed7 rgb(50,190,215)
```
#28c4e1
```
#28c4e1 rgb(40,196,225)
```
#1fcbea
```
#1fcbea rgb(31,203,234)
```
#15d1f4
```
#15d1f4 rgb(21,209,244)
```
#0cd8fd
```
#0cd8fd rgb(12,216,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#82aab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec6f0 Protanopia 1% of men
#b9c6ff Deuteranopia 1% of men
#00dceb Tritanopia 0.001% of the population

Trichromacy

#7dcdf5 Protanomaly 1% of men, 0.01% of women
#7accfe Deuteranomaly 6% of men, 0.4% of women
#04daf2 Tritanomaly 0.01% of the population

#0cd8fd hex color

#0cd8fd Color Information

#0cd8fd Color Conversion

Color Schemes with #0cd8fd

Alternatives to #0cd8fd

#0cd8fd Preview

Shades and Tints of #0cd8fd

Tones of #0cd8fd

Color Blindness Simulator