#cae2bc hex color

In a RGB color space, hex #cae2bc is composed of 79.2% red, 88.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 16.8% yellow and 11.4% black. It has a hue angle of 97.9 degrees, a saturation of 39.6% and a lightness of 81.2%. #cae2bc color hex could be obtained by blending #ffffff with #95c579. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 79
- G 89
- B 74
RGB color chart
- C 11
- M 0
- Y 17
- K 11
CMYK color chart

● #cae2bc color description : Light grayish green.

The hexadecimal color #cae2bc has RGB values of R:202, G:226, B:188 and CMYK values of C:0.11, M:0, Y:0.17, K:0.11. Its decimal value is 13296316.

Hex triplet	cae2bc	`#cae2bc`
RGB Decimal	202, 226, 188	`rgb(202,226,188)`
RGB Percent	79.2, 88.6, 73.7	`rgb(79.2%,88.6%,73.7%)`
CMYK	11, 0, 17, 11
HSL	97.9°, 39.6, 81.2	`hsl(97.9,39.6%,81.2%)`
HSV (or HSB)	97.9°, 16.8, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	87.28, -14.763, 15.94
XYZ	60.629, 70.579, 58.003
xyY	0.32, 0.373, 70.579
CIE-LCH	87.28, 21.727, 132.804
CIE-LUV	87.28, -11.719, 25.882
Hunter-Lab	84.012, -18.202, 17.873
Binary	11001010, 11100010, 10111100

#cae2bc
```
#cae2bc rgb(202,226,188)
```
#d4bce2
```
#d4bce2 rgb(212,188,226)
```

Complementary Color

#dde2bc
```
#dde2bc rgb(221,226,188)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#bce2c1
```
#bce2c1 rgb(188,226,193)
```

Analogous Color

#e2bcdd
```
#e2bcdd rgb(226,188,221)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#c1bce2
```
#c1bce2 rgb(193,188,226)
```

Split Complementary Color

#e2bcca
```
#e2bcca rgb(226,188,202)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#bccae2
```
#bccae2 rgb(188,202,226)
```

Triadic Color

#e2d4bc
```
#e2d4bc rgb(226,212,188)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#bccae2
```
#bccae2 rgb(188,202,226)
```
#d4bce2
```
#d4bce2 rgb(212,188,226)
```

Tetradic Color

#a0cb87
```
#a0cb87 rgb(160,203,135)
```
#aed398
```
#aed398 rgb(174,211,152)
```
#bcdaaa
```
#bcdaaa rgb(188,218,170)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#d8eace
```
#d8eace rgb(216,234,206)
```
#e6f1e0
```
#e6f1e0 rgb(230,241,224)
```
#f4f9f1
```
#f4f9f1 rgb(244,249,241)
```

Monochromatic Color

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

#d4e2bc
```
#d4e2bc rgb(212,226,188)
```
#d0e2bc
```
#d0e2bc rgb(208,226,188)
```
#cde2bc
```
#cde2bc rgb(205,226,188)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#c7e2bc
```
#c7e2bc rgb(199,226,188)
```
#c4e2bc
```
#c4e2bc rgb(196,226,188)
```
#c1e2bc
```
#c1e2bc rgb(193,226,188)
```

Similar Colors

Text with hexadecimal color #cae2bc

This text has a font color of #cae2bc.

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

#cae2bc background color

This paragraph has a background color of #cae2bc.

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

#cae2bc border color

This element has a border color of #cae2bc.

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

CSS codes

.text {color:#cae2bc;}

.background {background-color:#cae2bc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0f07
```
#0a0f07 rgb(10,15,7)
```
#131d0c
```
#131d0c rgb(19,29,12)
```
#1b2b12
```
#1b2b12 rgb(27,43,18)
```
#243818
```
#243818 rgb(36,56,24)
```
#2d461e
```
#2d461e rgb(45,70,30)
```
#365424
```
#365424 rgb(54,84,36)
```
#3e612a
```
#3e612a rgb(62,97,42)
```
#476f30
```
#476f30 rgb(71,111,48)
```
#507d36
```
#507d36 rgb(80,125,54)
```
#598a3c
```
#598a3c rgb(89,138,60)
```
#629842
```
#629842 rgb(98,152,66)
```
#6aa648
```
#6aa648 rgb(106,166,72)
```

Shade Color Variation

#73b34e
```
#73b34e rgb(115,179,78)
```
#7eb95c
```
#7eb95c rgb(126,185,92)
```
#89be6a
```
#89be6a rgb(137,190,106)
```
#94c478
```
#94c478 rgb(148,196,120)
```
#9fca85
```
#9fca85 rgb(159,202,133)
```
#aad093
```
#aad093 rgb(170,208,147)
```
#b4d6a1
```
#b4d6a1 rgb(180,214,161)
```
#bfdcae
```
#bfdcae rgb(191,220,174)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#d5e8ca
```
#d5e8ca rgb(213,232,202)
```
#e0eed7
```
#e0eed7 rgb(224,238,215)
```
#eaf4e5
```
#eaf4e5 rgb(234,244,229)
```
#f5faf3
```
#f5faf3 rgb(245,250,243)
```

Tint Color Variation

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

#cfd0ce
```
#cfd0ce rgb(207,208,206)
```
#ced3cb
```
#ced3cb rgb(206,211,203)
```
#cdd7c7
```
#cdd7c7 rgb(205,215,199)
```
#ccdbc3
```
#ccdbc3 rgb(204,219,195)
```
#cbdec0
```
#cbdec0 rgb(203,222,192)
```
#cae2bc
```
#cae2bc rgb(202,226,188)
```
#c9e6b8
```
#c9e6b8 rgb(201,230,184)
```
#c8e9b5
```
#c8e9b5 rgb(200,233,181)
```
#c7edb1
```
#c7edb1 rgb(199,237,177)
```
#c6f1ad
```
#c6f1ad rgb(198,241,173)
```
#c5f4aa
```
#c5f4aa rgb(197,244,170)
```
#c4f8a6
```
#c4f8a6 rgb(196,248,166)
```
#c3fca2
```
#c3fca2 rgb(195,252,162)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4d8d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dbbc Protanopia 1% of men
#fad5c4 Deuteranopia 1% of men
#d5dcec Tritanopia 0.001% of the population

Trichromacy

#dddebc Protanomaly 1% of men, 0.01% of women
#e8d9c1 Deuteranomaly 6% of men, 0.4% of women
#d1dedb Tritanomaly 0.01% of the population

#cae2bc hex color

#cae2bc Color Information

#cae2bc Color Conversion

Color Schemes with #cae2bc

Alternatives to #cae2bc

#cae2bc Preview

Shades and Tints of #cae2bc

Tones of #cae2bc

Color Blindness Simulator