#caffff hex color

In a RGB color space, hex #caffff is composed of 79.2% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 89.6%. #caffff color hex could be obtained by blending #ffffff with #95ffff. Closest websafe color is: #ccffff.

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

● #caffff color description : Very pale cyan.

The hexadecimal color #caffff has RGB values of R:202, G:255, B:255 and CMYK values of C:0.21, M:0, Y:0, K:0. Its decimal value is 13303807.

Hex triplet	caffff	`#caffff`
RGB Decimal	202, 255, 255	`rgb(202,255,255)`
RGB Percent	79.2, 100, 100	`rgb(79.2%,100%,100%)`
CMYK	21, 0, 0, 0
HSL	180°, 100, 89.6	`hsl(180,100%,89.6%)`
HSV (or HSB)	180°, 20.8, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	96.531, -16.604, -5.504
XYZ	78.163, 91.294, 108.106
xyY	0.282, 0.329, 91.294
CIE-LCH	96.531, 17.492, 198.339
CIE-LUV	96.531, -26.842, -5.803
Hunter-Lab	95.548, -21.187, -0.199
Binary	11001010, 11111111, 11111111

#caffff
```
#caffff rgb(202,255,255)
```
#ffcaca
```
#ffcaca rgb(255,202,202)
```

Complementary Color

#caffe5
```
#caffe5 rgb(202,255,229)
```
#caffff
```
#caffff rgb(202,255,255)
```
#cae5ff
```
#cae5ff rgb(202,229,255)
```

Analogous Color

#ffe5ca
```
#ffe5ca rgb(255,229,202)
```
#caffff
```
#caffff rgb(202,255,255)
```
#ffcae5
```
#ffcae5 rgb(255,202,229)
```

Split Complementary Color

#ffffca
```
#ffffca rgb(255,255,202)
```
#caffff
```
#caffff rgb(202,255,255)
```
#ffcaff
```
#ffcaff rgb(255,202,255)
```

Triadic Color

#caffca
```
#caffca rgb(202,255,202)
```
#caffff
```
#caffff rgb(202,255,255)
```
#ffcaff
```
#ffcaff rgb(255,202,255)
```
#ffcaca
```
#ffcaca rgb(255,202,202)
```

Tetradic Color

#7effff
```
#7effff rgb(126,255,255)
```
#97ffff
```
#97ffff rgb(151,255,255)
```
#b1ffff
```
#b1ffff rgb(177,255,255)
```
#caffff
```
#caffff rgb(202,255,255)
```
#e4ffff
```
#e4ffff rgb(228,255,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafff2
```
#cafff2 rgb(202,255,242)
```
#cafff6
```
#cafff6 rgb(202,255,246)
```
#cafffb
```
#cafffb rgb(202,255,251)
```
#caffff
```
#caffff rgb(202,255,255)
```
#cafbff
```
#cafbff rgb(202,251,255)
```
#caf6ff
```
#caf6ff rgb(202,246,255)
```
#caf2ff
```
#caf2ff rgb(202,242,255)
```

Similar Colors

Text with hexadecimal color #caffff

This text has a font color of #caffff.

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

#caffff background color

This paragraph has a background color of #caffff.

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

#caffff border color

This element has a border color of #caffff.

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

CSS codes

.text {color:#caffff;}

.background {background-color:#caffff;}

.border {border:1px solid #caffff;}

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

#000606
```
#000606 rgb(0,6,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#002d2d
```
#002d2d rgb(0,45,45)
```
#004141
```
#004141 rgb(0,65,65)
```
#005454
```
#005454 rgb(0,84,84)
```
#006868
```
#006868 rgb(0,104,104)
```
#007c7c
```
#007c7c rgb(0,124,124)
```
#008f8f
```
#008f8f rgb(0,143,143)
```
#00a3a3
```
#00a3a3 rgb(0,163,163)
```
#00b6b6
```
#00b6b6 rgb(0,182,182)
```
#00caca
```
#00caca rgb(0,202,202)
```
#00dede
```
#00dede rgb(0,222,222)
```
#00f1f1
```
#00f1f1 rgb(0,241,241)
```

Shade Color Variation

#06ffff
```
#06ffff rgb(6,255,255)
```
#19ffff
```
#19ffff rgb(25,255,255)
```
#2dffff
```
#2dffff rgb(45,255,255)
```
#41ffff
```
#41ffff rgb(65,255,255)
```
#54ffff
```
#54ffff rgb(84,255,255)
```
#68ffff
```
#68ffff rgb(104,255,255)
```
#7cffff
```
#7cffff rgb(124,255,255)
```
#8fffff
```
#8fffff rgb(143,255,255)
```
#a3ffff
```
#a3ffff rgb(163,255,255)
```
#b6ffff
```
#b6ffff rgb(182,255,255)
```
#caffff
```
#caffff rgb(202,255,255)
```
#deffff
```
#deffff rgb(222,255,255)
```
#f1ffff
```
#f1ffff rgb(241,255,255)
```

Tint Color Variation

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

#e2e7e7
```
#e2e7e7 rgb(226,231,231)
```
#e0e9e9
```
#e0e9e9 rgb(224,233,233)
```
#deebeb
```
#deebeb rgb(222,235,235)
```
#dceded
```
#dceded rgb(220,237,237)
```
#daefef
```
#daefef rgb(218,239,239)
```
#d8f1f1
```
#d8f1f1 rgb(216,241,241)
```
#d6f3f3
```
#d6f3f3 rgb(214,243,243)
```
#d4f5f5
```
#d4f5f5 rgb(212,245,245)
```
#d2f7f7
```
#d2f7f7 rgb(210,247,247)
```
#d0f9f9
```
#d0f9f9 rgb(208,249,249)
```
#cefbfb
```
#cefbfb rgb(206,251,251)
```
#ccfdfd
```
#ccfdfd rgb(204,253,253)
```
#caffff
```
#caffff rgb(202,255,255)
```

Tone Color Variation

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

#efefef Achromatopsia 0.005% of the population
#e8f2f2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8f4f9 Protanopia 1% of men
#fff1fe Deuteranopia 1% of men
#e9f8ff Tritanopia 0.001% of the population

Trichromacy

#e7f8fb Protanomaly 1% of men, 0.01% of women
#ebf6fe Deuteranomaly 6% of men, 0.4% of women
#ddfaff Tritanomaly 0.01% of the population

#caffff hex color

#caffff Color Information

#caffff Color Conversion

Color Schemes with #caffff

Alternatives to #caffff

#caffff Preview

Shades and Tints of #caffff

Tones of #caffff

Color Blindness Simulator