#0ccafd hex color

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

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

● #0ccafd color description : Vivid cyan.

The hexadecimal color #0ccafd has RGB values of R:12, G:202, B:253 and CMYK values of C:0.95, M:0.2, Y:0, K:0.01. Its decimal value is 838397.

Hex triplet	0ccafd	`#0ccafd`
RGB Decimal	12, 202, 253	`rgb(12,202,253)`
RGB Percent	4.7, 79.2, 99.2	`rgb(4.7%,79.2%,99.2%)`
CMYK	95, 20, 0, 1
HSL	192.7°, 98.4, 52	`hsl(192.7,98.4%,52%)`
HSV (or HSB)	192.7°, 95.3, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.704, -23.74, -36.558
XYZ	38.997, 49.407, 100.404
xyY	0.207, 0.262, 49.407
CIE-LCH	75.704, 43.589, 237.001
CIE-LUV	75.704, -52.733, -56.206
Hunter-Lab	70.29, -23.976, -35.488
Binary	00001100, 11001010, 11111101

#0ccafd
```
#0ccafd rgb(12,202,253)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```

Complementary Color

#0cfdb8
```
#0cfdb8 rgb(12,253,184)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#0c52fd
```
#0c52fd rgb(12,82,253)
```

Analogous Color

#fdb80c
```
#fdb80c rgb(253,184,12)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#fd0c52
```
#fd0c52 rgb(253,12,82)
```

Split Complementary Color

#cafd0c
```
#cafd0c rgb(202,253,12)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#fd0cca
```
#fd0cca rgb(253,12,202)
```

Triadic Color

#0cfd3f
```
#0cfd3f rgb(12,253,63)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#fd0cca
```
#fd0cca rgb(253,12,202)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```

Tetradic Color

#0294bb
```
#0294bb rgb(2,148,187)
```
#02a8d4
```
#02a8d4 rgb(2,168,212)
```
#02bcee
```
#02bcee rgb(2,188,238)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#25d0fd
```
#25d0fd rgb(37,208,253)
```
#3fd5fd
```
#3fd5fd rgb(63,213,253)
```
#58dbfe
```
#58dbfe rgb(88,219,254)
```

Monochromatic Color

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

#0cfdf4
```
#0cfdf4 rgb(12,253,244)
```
#0cf2fd
```
#0cf2fd rgb(12,242,253)
```
#0cdefd
```
#0cdefd rgb(12,222,253)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```
#0cb6fd
```
#0cb6fd rgb(12,182,253)
```
#0ca2fd
```
#0ca2fd rgb(12,162,253)
```
#0c8efd
```
#0c8efd rgb(12,142,253)
```

Similar Colors

Text with hexadecimal color #0ccafd

This text has a font color of #0ccafd.

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

#0ccafd background color

This paragraph has a background color of #0ccafd.

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

#0ccafd border color

This element has a border color of #0ccafd.

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

CSS codes

.text {color:#0ccafd;}

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

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

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)
```
#00171d
```
#00171d rgb(0,23,29)
```
#002731
```
#002731 rgb(0,39,49)
```
#013644
```
#013644 rgb(1,54,68)
```
#014558
```
#014558 rgb(1,69,88)
```
#01556b
```
#01556b rgb(1,85,107)
```
#01647f
```
#01647f rgb(1,100,127)
```
#017392
```
#017392 rgb(1,115,146)
```
#0183a6
```
#0183a6 rgb(1,131,166)
```
#0292b9
```
#0292b9 rgb(2,146,185)
```
#02a2cc
```
#02a2cc rgb(2,162,204)
```
#02b1e0
```
#02b1e0 rgb(2,177,224)
```
#02c0f3
```
#02c0f3 rgb(2,192,243)
```

Shade Color Variation

#0ccafd
```
#0ccafd rgb(12,202,253)
```
#1fcefd
```
#1fcefd rgb(31,206,253)
```
#33d2fd
```
#33d2fd rgb(51,210,253)
```
#46d7fd
```
#46d7fd rgb(70,215,253)
```
#5adbfe
```
#5adbfe rgb(90,219,254)
```
#6ddffe
```
#6ddffe rgb(109,223,254)
```
#81e3fe
```
#81e3fe rgb(129,227,254)
```
#94e8fe
```
#94e8fe rgb(148,232,254)
```
#a8ecfe
```
#a8ecfe rgb(168,236,254)
```
#bbf0fe
```
#bbf0fe rgb(187,240,254)
```
#cff4ff
```
#cff4ff rgb(207,244,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#7d898c
```
#7d898c rgb(125,137,140)
```
#748e95
```
#748e95 rgb(116,142,149)
```
#6a949f
```
#6a949f rgb(106,148,159)
```
#6199a8
```
#6199a8 rgb(97,153,168)
```
#579fb2
```
#579fb2 rgb(87,159,178)
```
#4ea4bb
```
#4ea4bb rgb(78,164,187)
```
#45a9c4
```
#45a9c4 rgb(69,169,196)
```
#3bafce
```
#3bafce rgb(59,175,206)
```
#32b4d7
```
#32b4d7 rgb(50,180,215)
```
#28bae1
```
#28bae1 rgb(40,186,225)
```
#1fbfea
```
#1fbfea rgb(31,191,234)
```
#15c5f4
```
#15c5f4 rgb(21,197,244)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ba1ab 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

#73c1f5 Protanomaly 1% of men, 0.01% of women
#6dc1fe Deuteranomaly 6% of men, 0.4% of women
#04cee9 Tritanomaly 0.01% of the population

#0ccafd hex color

#0ccafd Color Information

#0ccafd Color Conversion

Color Schemes with #0ccafd

Alternatives to #0ccafd

#0ccafd Preview

Shades and Tints of #0ccafd

Tones of #0ccafd

Color Blindness Simulator