#cafafd hex color

In a RGB color space, hex #cafafd is composed of 79.2% red, 98% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 1.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 183.5 degrees, a saturation of 92.7% and a lightness of 89.2%. #cafafd color hex could be obtained by blending #ffffff with #95f5fb. Closest websafe color is: #ccffff.

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

● #cafafd color description : Very soft cyan.

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

Hex triplet	cafafd	`#cafafd`
RGB Decimal	202, 250, 253	`rgb(202,250,253)`
RGB Percent	79.2, 98, 99.2	`rgb(79.2%,98%,99.2%)`
CMYK	20, 1, 0, 1
HSL	183.5°, 92.7, 89.2	`hsl(183.5,92.7%,89.2%)`
HSV (or HSB)	183.5°, 20.2, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.168, -14.546, -6.483
XYZ	76.268, 88.017, 105.894
xyY	0.282, 0.326, 88.017
CIE-LCH	95.168, 15.925, 204.023
CIE-LUV	95.168, -24.587, -7.701
Hunter-Lab	93.818, -19.071, -1.249
Binary	11001010, 11111010, 11111101

#cafafd
```
#cafafd rgb(202,250,253)
```
#fdcdca
```
#fdcdca rgb(253,205,202)
```

Complementary Color

#cafde7
```
#cafde7 rgb(202,253,231)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#cae1fd
```
#cae1fd rgb(202,225,253)
```

Analogous Color

#fde7ca
```
#fde7ca rgb(253,231,202)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#fdcae1
```
#fdcae1 rgb(253,202,225)
```

Split Complementary Color

#fafdca
```
#fafdca rgb(250,253,202)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#fdcafa
```
#fdcafa rgb(253,202,250)
```

Triadic Color

#cafdcd
```
#cafdcd rgb(202,253,205)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#fdcafa
```
#fdcafa rgb(253,202,250)
```
#fdcdca
```
#fdcdca rgb(253,205,202)
```

Tetradic Color

#80f3fa
```
#80f3fa rgb(128,243,250)
```
#99f5fb
```
#99f5fb rgb(153,245,251)
```
#b1f8fc
```
#b1f8fc rgb(177,248,252)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#e3fcfe
```
#e3fcfe rgb(227,252,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cafdf3
```
#cafdf3 rgb(202,253,243)
```
#cafdf8
```
#cafdf8 rgb(202,253,248)
```
#cafdfc
```
#cafdfc rgb(202,253,252)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#caf6fd
```
#caf6fd rgb(202,246,253)
```
#caf2fd
```
#caf2fd rgb(202,242,253)
```
#caedfd
```
#caedfd rgb(202,237,253)
```

Similar Colors

Text with hexadecimal color #cafafd

This text has a font color of #cafafd.

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

#cafafd background color

This paragraph has a background color of #cafafd.

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

#cafafd border color

This element has a border color of #cafafd.

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

CSS codes

.text {color:#cafafd;}

.background {background-color:#cafafd;}

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011517
```
#011517 rgb(1,21,23)
```
#02272a
```
#02272a rgb(2,39,42)
```
#02393c
```
#02393c rgb(2,57,60)
```
#034b4f
```
#034b4f rgb(3,75,79)
```
#045d62
```
#045d62 rgb(4,93,98)
```
#046e75
```
#046e75 rgb(4,110,117)
```
#058088
```
#058088 rgb(5,128,136)
```
#06929b
```
#06929b rgb(6,146,155)
```
#07a4ae
```
#07a4ae rgb(7,164,174)
```
#07b6c1
```
#07b6c1 rgb(7,182,193)
```
#08c8d4
```
#08c8d4 rgb(8,200,212)
```
#09d9e7
```
#09d9e7 rgb(9,217,231)
```

Shade Color Variation

#0de8f6
```
#0de8f6 rgb(13,232,246)
```
#20eaf7
```
#20eaf7 rgb(32,234,247)
```
#33ecf7
```
#33ecf7 rgb(51,236,247)
```
#46eef8
```
#46eef8 rgb(70,238,248)
```
#59eff9
```
#59eff9 rgb(89,239,249)
```
#6bf1f9
```
#6bf1f9 rgb(107,241,249)
```
#7ef3fa
```
#7ef3fa rgb(126,243,250)
```
#91f5fb
```
#91f5fb rgb(145,245,251)
```
#a4f6fc
```
#a4f6fc rgb(164,246,252)
```
#b7f8fc
```
#b7f8fc rgb(183,248,252)
```
#cafafd
```
#cafafd rgb(202,250,253)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f0fefe
```
#f0fefe rgb(240,254,254)
```

Tint Color Variation

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

#e3e4e4
```
#e3e4e4 rgb(227,228,228)
```
#e1e5e6
```
#e1e5e6 rgb(225,229,230)
```
#dfe7e8
```
#dfe7e8 rgb(223,231,232)
```
#dde9ea
```
#dde9ea rgb(221,233,234)
```
#dbebec
```
#dbebec rgb(219,235,236)
```
#d9edee
```
#d9edee rgb(217,237,238)
```
#d7eff0
```
#d7eff0 rgb(215,239,240)
```
#d5f1f2
```
#d5f1f2 rgb(213,241,242)
```
#d2f3f5
```
#d2f3f5 rgb(210,243,245)
```
#d0f4f7
```
#d0f4f7 rgb(208,244,247)
```
#cef6f9
```
#cef6f9 rgb(206,246,249)
```
#ccf8fb
```
#ccf8fb rgb(204,248,251)
```
#cafafd
```
#cafafd rgb(202,250,253)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e5efef Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3f0f7 Protanopia 1% of men
#fdecff Deuteranopia 1% of men
#e0f5ff Tritanopia 0.001% of the population

Trichromacy

#e4f3f9 Protanomaly 1% of men, 0.01% of women
#eaf1fe Deuteranomaly 6% of men, 0.4% of women
#d8f6fe Tritanomaly 0.01% of the population

#cafafd hex color

#cafafd Color Information

#cafafd Color Conversion

Color Schemes with #cafafd

Alternatives to #cafafd

#cafafd Preview

Shades and Tints of #cafafd

Tones of #cafafd

Color Blindness Simulator