#0ccafe hex color

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

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

● #0ccafe color description : Vivid cyan.

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

Hex triplet	0ccafe	`#0ccafe`
RGB Decimal	12, 202, 254	`rgb(12,202,254)`
RGB Percent	4.7, 79.2, 99.6	`rgb(4.7%,79.2%,99.6%)`
CMYK	95, 20, 0, 0
HSL	192.9°, 99.2, 52.2	`hsl(192.9,99.2%,52.2%)`
HSV (or HSB)	192.9°, 95.3, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.743, -23.403, -37.032
XYZ	39.157, 49.471, 101.246
xyY	0.206, 0.261, 49.471
CIE-LCH	75.743, 43.807, 237.708
CIE-LUV	75.743, -52.658, -57.073
Hunter-Lab	70.336, -23.714, -36.111
Binary	00001100, 11001010, 11111110

#0ccafe
```
#0ccafe rgb(12,202,254)
```
#fe400c
```
#fe400c rgb(254,64,12)
```

Complementary Color

#0cfeb9
```
#0cfeb9 rgb(12,254,185)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#0c51fe
```
#0c51fe rgb(12,81,254)
```

Analogous Color

#feb90c
```
#feb90c rgb(254,185,12)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#fe0c51
```
#fe0c51 rgb(254,12,81)
```

Split Complementary Color

#cafe0c
```
#cafe0c rgb(202,254,12)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#fe0cca
```
#fe0cca rgb(254,12,202)
```

Triadic Color

#0cfe40
```
#0cfe40 rgb(12,254,64)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#fe0cca
```
#fe0cca rgb(254,12,202)
```
#fe400c
```
#fe400c rgb(254,64,12)
```

Tetradic Color

#0194bd
```
#0194bd rgb(1,148,189)
```
#01a8d6
```
#01a8d6 rgb(1,168,214)
```
#01bcf0
```
#01bcf0 rgb(1,188,240)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#25d0fe
```
#25d0fe rgb(37,208,254)
```
#3fd5fe
```
#3fd5fe rgb(63,213,254)
```
#58dbfe
```
#58dbfe rgb(88,219,254)
```

Monochromatic Color

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

#0cfef6
```
#0cfef6 rgb(12,254,246)
```
#0cf2fe
```
#0cf2fe rgb(12,242,254)
```
#0cdefe
```
#0cdefe rgb(12,222,254)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```
#0cb6fe
```
#0cb6fe rgb(12,182,254)
```
#0ca2fe
```
#0ca2fe rgb(12,162,254)
```
#0c8efe
```
#0c8efe rgb(12,142,254)
```

Similar Colors

Text with hexadecimal color #0ccafe

This text has a font color of #0ccafe.

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

#0ccafe background color

This paragraph has a background color of #0ccafe.

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

#0ccafe border color

This element has a border color of #0ccafe.

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

CSS codes

.text {color:#0ccafe;}

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

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

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)
```
#00181e
```
#00181e rgb(0,24,30)
```
#002732
```
#002732 rgb(0,39,50)
```
#003746
```
#003746 rgb(0,55,70)
```
#004659
```
#004659 rgb(0,70,89)
```
#00556d
```
#00556d rgb(0,85,109)
```
#016580
```
#016580 rgb(1,101,128)
```
#017494
```
#017494 rgb(1,116,148)
```
#0183a7
```
#0183a7 rgb(1,131,167)
```
#0193bb
```
#0193bb rgb(1,147,187)
```
#01a2ce
```
#01a2ce rgb(1,162,206)
```
#01b2e2
```
#01b2e2 rgb(1,178,226)
```
#01c1f5
```
#01c1f5 rgb(1,193,245)
```

Shade Color Variation

#0ccafe
```
#0ccafe rgb(12,202,254)
```
#20cefe
```
#20cefe rgb(32,206,254)
```
#33d3fe
```
#33d3fe rgb(51,211,254)
```
#47d7fe
```
#47d7fe rgb(71,215,254)
```
#5adbfe
```
#5adbfe rgb(90,219,254)
```
#6edffe
```
#6edffe rgb(110,223,254)
```
#81e4fe
```
#81e4fe rgb(129,228,254)
```
#95e8ff
```
#95e8ff rgb(149,232,255)
```
#a8ecff
```
#a8ecff rgb(168,236,255)
```
#bcf0ff
```
#bcf0ff rgb(188,240,255)
```
#cff5ff
```
#cff5ff rgb(207,245,255)
```
#e3f9ff
```
#e3f9ff rgb(227,249,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 #0ccafe is the most saturated one.

#7d8a8d
```
#7d8a8d rgb(125,138,141)
```
#738f97
```
#738f97 rgb(115,143,151)
```
#6a94a0
```
#6a94a0 rgb(106,148,160)
```
#609aaa
```
#609aaa rgb(96,154,170)
```
#579fb3
```
#579fb3 rgb(87,159,179)
```
#4ea5bc
```
#4ea5bc rgb(78,165,188)
```
#44aac6
```
#44aac6 rgb(68,170,198)
```
#3bafcf
```
#3bafcf rgb(59,175,207)
```
#32b5d8
```
#32b5d8 rgb(50,181,216)
```
#28bae2
```
#28bae2 rgb(40,186,226)
```
#1fbfeb
```
#1fbfeb rgb(31,191,235)
```
#15c5f5
```
#15c5f5 rgb(21,197,245)
```
#0ccafe
```
#0ccafe rgb(12,202,254)
```

Tone Color Variation

Below, you can see how #0ccafe 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
#7ba1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf2 Protanopia 1% of men
#a5bcff Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

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

#0ccafe hex color

#0ccafe Color Information

#0ccafe Color Conversion

Color Schemes with #0ccafe

Alternatives to #0ccafe

#0ccafe Preview

Shades and Tints of #0ccafe

Tones of #0ccafe

Color Blindness Simulator