#0ccafa hex color

In a RGB color space, hex #0ccafa is composed of 4.7% red, 79.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 19.2% magenta, 0% yellow and 2% black. It has a hue angle of 192.1 degrees, a saturation of 96% and a lightness of 51.4%. #0ccafa color hex could be obtained by blending #18ffff with #0095f5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 79
- B 98
RGB color chart
- C 95
- M 19
- Y 0
- K 2
CMYK color chart

● #0ccafa color description : Vivid cyan.

The hexadecimal color #0ccafa has RGB values of R:12, G:202, B:250 and CMYK values of C:0.95, M:0.19, Y:0, K:0.02. Its decimal value is 838394.

Hex triplet	0ccafa	`#0ccafa`
RGB Decimal	12, 202, 250	`rgb(12,202,250)`
RGB Percent	4.7, 79.2, 98	`rgb(4.7%,79.2%,98%)`
CMYK	95, 19, 0, 2
HSL	192.1°, 96, 51.4	`hsl(192.1,96%,51.4%)`
HSV (or HSB)	192.1°, 95.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.586, -24.745, -35.132
XYZ	38.523, 49.218, 97.907
xyY	0.208, 0.265, 49.218
CIE-LCH	75.586, 42.972, 234.841
CIE-LUV	75.586, -52.961, -53.605
Hunter-Lab	70.155, -24.756, -33.635
Binary	00001100, 11001010, 11111010

#0ccafa
```
#0ccafa rgb(12,202,250)
```
#fa3c0c
```
#fa3c0c rgb(250,60,12)
```

Complementary Color

#0cfab3
```
#0cfab3 rgb(12,250,179)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#0c53fa
```
#0c53fa rgb(12,83,250)
```

Analogous Color

#fab30c
```
#fab30c rgb(250,179,12)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#fa0c53
```
#fa0c53 rgb(250,12,83)
```

Split Complementary Color

#cafa0c
```
#cafa0c rgb(202,250,12)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#fa0cca
```
#fa0cca rgb(250,12,202)
```

Triadic Color

#0cfa3c
```
#0cfa3c rgb(12,250,60)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#fa0cca
```
#fa0cca rgb(250,12,202)
```
#fa3c0c
```
#fa3c0c rgb(250,60,12)
```

Tetradic Color

#0492b6
```
#0492b6 rgb(4,146,182)
```
#04a6cf
```
#04a6cf rgb(4,166,207)
```
#05bae8
```
#05bae8 rgb(5,186,232)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#25cffb
```
#25cffb rgb(37,207,251)
```
#3ed5fb
```
#3ed5fb rgb(62,213,251)
```
#57dafc
```
#57dafc rgb(87,218,252)
```

Monochromatic Color

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

#0cfaef
```
#0cfaef rgb(12,250,239)
```
#0cf2fa
```
#0cf2fa rgb(12,242,250)
```
#0cdefa
```
#0cdefa rgb(12,222,250)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```
#0cb6fa
```
#0cb6fa rgb(12,182,250)
```
#0ca2fa
```
#0ca2fa rgb(12,162,250)
```
#0c8ffa
```
#0c8ffa rgb(12,143,250)
```

Similar Colors

Text with hexadecimal color #0ccafa

This text has a font color of #0ccafa.

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

#0ccafa background color

This paragraph has a background color of #0ccafa.

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

#0ccafa border color

This element has a border color of #0ccafa.

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

CSS codes

.text {color:#0ccafa;}

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

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

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, #000607 is the darkest color, while #f3fcff is the lightest one.

#000607
```
#000607 rgb(0,6,7)
```
#01151a
```
#01151a rgb(1,21,26)
```
#01242d
```
#01242d rgb(1,36,45)
```
#013441
```
#013441 rgb(1,52,65)
```
#024354
```
#024354 rgb(2,67,84)
```
#025367
```
#025367 rgb(2,83,103)
```
#03627a
```
#03627a rgb(3,98,122)
```
#03718d
```
#03718d rgb(3,113,141)
```
#0381a1
```
#0381a1 rgb(3,129,161)
```
#0490b4
```
#0490b4 rgb(4,144,180)
```
#04a0c7
```
#04a0c7 rgb(4,160,199)
```
#04afda
```
#04afda rgb(4,175,218)
```
#05bfed
```
#05bfed rgb(5,191,237)
```

Shade Color Variation

#0ccafa
```
#0ccafa rgb(12,202,250)
```
#1fcefa
```
#1fcefa rgb(31,206,250)
```
#32d2fb
```
#32d2fb rgb(50,210,251)
```
#46d7fb
```
#46d7fb rgb(70,215,251)
```
#59dbfc
```
#59dbfc rgb(89,219,252)
```
#6cdffc
```
#6cdffc rgb(108,223,252)
```
#7fe3fc
```
#7fe3fc rgb(127,227,252)
```
#93e7fd
```
#93e7fd rgb(147,231,253)
```
#a6ecfd
```
#a6ecfd rgb(166,236,253)
```
#b9f0fe
```
#b9f0fe rgb(185,240,254)
```
#ccf4fe
```
#ccf4fe rgb(204,244,254)
```
#dff8fe
```
#dff8fe rgb(223,248,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#7e8688
```
#7e8688 rgb(126,134,136)
```
#758b91
```
#758b91 rgb(117,139,145)
```
#6b919b
```
#6b919b rgb(107,145,155)
```
#6297a4
```
#6297a4 rgb(98,151,164)
```
#589cae
```
#589cae rgb(88,156,174)
```
#4fa2b7
```
#4fa2b7 rgb(79,162,183)
```
#45a8c1
```
#45a8c1 rgb(69,168,193)
```
#3caeca
```
#3caeca rgb(60,174,202)
```
#32b3d4
```
#32b3d4 rgb(50,179,212)
```
#29b9dd
```
#29b9dd rgb(41,185,221)
```
#1fbfe7
```
#1fbfe7 rgb(31,191,231)
```
#16c4f0
```
#16c4f0 rgb(22,196,240)
```
#0ccafa
```
#0ccafa rgb(12,202,250)
```

Tone Color Variation

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

#afbbee Protanopia 1% of men
#a6bbff Deuteranopia 1% of men
#00d0de Tritanopia 0.001% of the population

Trichromacy

#74c1f2 Protanomaly 1% of men, 0.01% of women
#6ec1fd Deuteranomaly 6% of men, 0.4% of women
#04cde8 Tritanomaly 0.01% of the population

#0ccafa hex color

#0ccafa Color Information

#0ccafa Color Conversion

Color Schemes with #0ccafa

Alternatives to #0ccafa

#0ccafa Preview

Shades and Tints of #0ccafa

Tones of #0ccafa

Color Blindness Simulator