#caeaf2 hex color

In a RGB color space, hex #caeaf2 is composed of 79.2% red, 91.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 3.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 192 degrees, a saturation of 60.6% and a lightness of 87.1%. #caeaf2 color hex could be obtained by blending #ffffff with #95d5e5. Closest websafe color is: #ccffff.

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

● #caeaf2 color description : Light grayish cyan.

The hexadecimal color #caeaf2 has RGB values of R:202, G:234, B:242 and CMYK values of C:0.17, M:0.03, Y:0, K:0.05. Its decimal value is 13298418.

Hex triplet	caeaf2	`#caeaf2`
RGB Decimal	202, 234, 242	`rgb(202,234,242)`
RGB Percent	79.2, 91.8, 94.9	`rgb(79.2%,91.8%,94.9%)`
CMYK	17, 3, 0, 5
HSL	192°, 60.6, 87.1	`hsl(192,60.6%,87.1%)`
HSV (or HSB)	192°, 16.5, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.694, -8.777, -7.384
XYZ	69.803, 77.812, 95.341
xyY	0.287, 0.32, 77.812
CIE-LCH	90.694, 11.47, 220.074
CIE-LUV	90.694, -17.106, -10.042
Hunter-Lab	88.211, -13.118, -2.335
Binary	11001010, 11101010, 11110010

#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#f2d2ca
```
#f2d2ca rgb(242,210,202)
```

Complementary Color

#caf2e6
```
#caf2e6 rgb(202,242,230)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#cad6f2
```
#cad6f2 rgb(202,214,242)
```

Analogous Color

#f2e6ca
```
#f2e6ca rgb(242,230,202)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#f2cad6
```
#f2cad6 rgb(242,202,214)
```

Split Complementary Color

#eaf2ca
```
#eaf2ca rgb(234,242,202)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#f2caea
```
#f2caea rgb(242,202,234)
```

Triadic Color

#caf2d2
```
#caf2d2 rgb(202,242,210)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#f2caea
```
#f2caea rgb(242,202,234)
```
#f2d2ca
```
#f2d2ca rgb(242,210,202)
```

Tetradic Color

#8dd2e3
```
#8dd2e3 rgb(141,210,227)
```
#a1dae8
```
#a1dae8 rgb(161,218,232)
```
#b6e2ed
```
#b6e2ed rgb(182,226,237)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#def2f7
```
#def2f7 rgb(222,242,247)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf2f0
```
#caf2f0 rgb(202,242,240)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#caedf2
```
#caedf2 rgb(202,237,242)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#cae7f2
```
#cae7f2 rgb(202,231,242)
```
#cae3f2
```
#cae3f2 rgb(202,227,242)
```
#cae0f2
```
#cae0f2 rgb(202,224,242)
```

Similar Colors

Text with hexadecimal color #caeaf2

This text has a font color of #caeaf2.

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

#caeaf2 background color

This paragraph has a background color of #caeaf2.

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

#caeaf2 border color

This element has a border color of #caeaf2.

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

CSS codes

.text {color:#caeaf2;}

.background {background-color:#caeaf2;}

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

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, #02080a is the darkest color, while #f9fdfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06161a
```
#06161a rgb(6,22,26)
```
#0a232a
```
#0a232a rgb(10,35,42)
```
#0e3139
```
#0e3139 rgb(14,49,57)
```
#123e49
```
#123e49 rgb(18,62,73)
```
#164b59
```
#164b59 rgb(22,75,89)
```
#1a5969
```
#1a5969 rgb(26,89,105)
```
#1e6678
```
#1e6678 rgb(30,102,120)
```
#217388
```
#217388 rgb(33,115,136)
```
#258198
```
#258198 rgb(37,129,152)
```
#298ea8
```
#298ea8 rgb(41,142,168)
```
#2d9cb7
```
#2d9cb7 rgb(45,156,183)
```
#31a9c7
```
#31a9c7 rgb(49,169,199)
```

Shade Color Variation

#3cb2cf
```
#3cb2cf rgb(60,178,207)
```
#4cb8d3
```
#4cb8d3 rgb(76,184,211)
```
#5cbed7
```
#5cbed7 rgb(92,190,215)
```
#6bc5db
```
#6bc5db rgb(107,197,219)
```
#7bcbdf
```
#7bcbdf rgb(123,203,223)
```
#8bd1e3
```
#8bd1e3 rgb(139,209,227)
```
#9bd7e6
```
#9bd7e6 rgb(155,215,230)
```
#aadeea
```
#aadeea rgb(170,222,234)
```
#bae4ee
```
#bae4ee rgb(186,228,238)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#daf0f6
```
#daf0f6 rgb(218,240,246)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#dcdfe0
```
#dcdfe0 rgb(220,223,224)
```
#d9e1e3
```
#d9e1e3 rgb(217,225,227)
```
#d7e2e5
```
#d7e2e5 rgb(215,226,229)
```
#d4e4e8
```
#d4e4e8 rgb(212,228,232)
```
#d2e5ea
```
#d2e5ea rgb(210,229,234)
```
#cfe7ed
```
#cfe7ed rgb(207,231,237)
```
#cde8ef
```
#cde8ef rgb(205,232,239)
```
#caeaf2
```
#caeaf2 rgb(202,234,242)
```
#c7ecf5
```
#c7ecf5 rgb(199,236,245)
```
#c5edf7
```
#c5edf7 rgb(197,237,247)
```
#c2effa
```
#c2effa rgb(194,239,250)
```
#c0f0fc
```
#c0f0fc rgb(192,240,252)
```
#bdf2ff
```
#bdf2ff rgb(189,242,255)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dce3e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4ef Protanopia 1% of men
#f2dff6 Deuteranopia 1% of men
#cee9fa Tritanopia 0.001% of the population

Trichromacy

#dce6f0 Protanomaly 1% of men, 0.01% of women
#e4e3f4 Deuteranomaly 6% of men, 0.4% of women
#cce9f7 Tritanomaly 0.01% of the population

#caeaf2 hex color

#caeaf2 Color Information

#caeaf2 Color Conversion

Color Schemes with #caeaf2

Alternatives to #caeaf2

#caeaf2 Preview

Shades and Tints of #caeaf2

Tones of #caeaf2

Color Blindness Simulator