#cae296 hex color

In a RGB color space, hex #cae296 is composed of 79.2% red, 88.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 33.6% yellow and 11.4% black. It has a hue angle of 78.9 degrees, a saturation of 56.7% and a lightness of 73.7%. #cae296 color hex could be obtained by blending #ffffff with #95c52d. Closest websafe color is: #cccc99.

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

● #cae296 color description : Very soft green.

The hexadecimal color #cae296 has RGB values of R:202, G:226, B:150 and CMYK values of C:0.11, M:0, Y:0.34, K:0.11. Its decimal value is 13296278.

Hex triplet	cae296	`#cae296`
RGB Decimal	202, 226, 150	`rgb(202,226,150)`
RGB Percent	79.2, 88.6, 58.8	`rgb(79.2%,88.6%,58.8%)`
CMYK	11, 0, 34, 11
HSL	78.9°, 56.7, 73.7	`hsl(78.9,56.7%,73.7%)`
HSV (or HSB)	78.9°, 33.6, 88.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	86.579, -20.362, 34.589
XYZ	57.057, 69.151, 39.194
xyY	0.345, 0.418, 69.151
CIE-LCH	86.579, 40.137, 120.485
CIE-LUV	86.579, -10.712, 50.876
Hunter-Lab	83.157, -23.049, 30.265
Binary	11001010, 11100010, 10010110

#cae296
```
#cae296 rgb(202,226,150)
```
#ae96e2
```
#ae96e2 rgb(174,150,226)
```

Complementary Color

#e2d496
```
#e2d496 rgb(226,212,150)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#a4e296
```
#a4e296 rgb(164,226,150)
```

Analogous Color

#d496e2
```
#d496e2 rgb(212,150,226)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#96a4e2
```
#96a4e2 rgb(150,164,226)
```

Split Complementary Color

#e296ca
```
#e296ca rgb(226,150,202)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#96cae2
```
#96cae2 rgb(150,202,226)
```

Triadic Color

#e2ae96
```
#e2ae96 rgb(226,174,150)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#96cae2
```
#96cae2 rgb(150,202,226)
```
#ae96e2
```
#ae96e2 rgb(174,150,226)
```

Tetradic Color

#acd15a
```
#acd15a rgb(172,209,90)
```
#b6d76e
```
#b6d76e rgb(182,215,110)
```
#c0dc82
```
#c0dc82 rgb(192,220,130)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#d4e8aa
```
#d4e8aa rgb(212,232,170)
```
#deedbe
```
#deedbe rgb(222,237,190)
```
#e8f3d2
```
#e8f3d2 rgb(232,243,210)
```

Monochromatic Color

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

#dde296
```
#dde296 rgb(221,226,150)
```
#d7e296
```
#d7e296 rgb(215,226,150)
```
#d0e296
```
#d0e296 rgb(208,226,150)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#c4e296
```
#c4e296 rgb(196,226,150)
```
#bde296
```
#bde296 rgb(189,226,150)
```
#b7e296
```
#b7e296 rgb(183,226,150)
```

Similar Colors

Text with hexadecimal color #cae296

This text has a font color of #cae296.

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

#cae296 background color

This paragraph has a background color of #cae296.

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

#cae296 border color

This element has a border color of #cae296.

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

CSS codes

.text {color:#cae296;}

.background {background-color:#cae296;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0e1205
```
#0e1205 rgb(14,18,5)
```
#1a2109
```
#1a2109 rgb(26,33,9)
```
#26310d
```
#26310d rgb(38,49,13)
```
#314012
```
#314012 rgb(49,64,18)
```
#3d4f16
```
#3d4f16 rgb(61,79,22)
```
#495f1a
```
#495f1a rgb(73,95,26)
```
#556e1e
```
#556e1e rgb(85,110,30)
```
#617e23
```
#617e23 rgb(97,126,35)
```
#6d8d27
```
#6d8d27 rgb(109,141,39)
```
#799c2b
```
#799c2b rgb(121,156,43)
```
#84ac2f
```
#84ac2f rgb(132,172,47)
```
#90bb34
```
#90bb34 rgb(144,187,52)
```

Shade Color Variation

#9bc93a
```
#9bc93a rgb(155,201,58)
```
#a3cd49
```
#a3cd49 rgb(163,205,73)
```
#abd159
```
#abd159 rgb(171,209,89)
```
#b3d568
```
#b3d568 rgb(179,213,104)
```
#bada77
```
#bada77 rgb(186,218,119)
```
#c2de87
```
#c2de87 rgb(194,222,135)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#d2e6a5
```
#d2e6a5 rgb(210,230,165)
```
#daeab5
```
#daeab5 rgb(218,234,181)
```
#e1efc4
```
#e1efc4 rgb(225,239,196)
```
#e9f3d3
```
#e9f3d3 rgb(233,243,211)
```
#f1f7e3
```
#f1f7e3 rgb(241,247,227)
```
#f9fbf2
```
#f9fbf2 rgb(249,251,242)
```

Tint Color Variation

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

#bdbeba
```
#bdbeba rgb(189,190,186)
```
#bfc3b5
```
#bfc3b5 rgb(191,195,181)
```
#c1c8b0
```
#c1c8b0 rgb(193,200,176)
```
#c2cdab
```
#c2cdab rgb(194,205,171)
```
#c4d3a5
```
#c4d3a5 rgb(196,211,165)
```
#c6d8a0
```
#c6d8a0 rgb(198,216,160)
```
#c8dd9b
```
#c8dd9b rgb(200,221,155)
```
#cae296
```
#cae296 rgb(202,226,150)
```
#cce791
```
#cce791 rgb(204,231,145)
```
#ceec8c
```
#ceec8c rgb(206,236,140)
```
#d0f187
```
#d0f187 rgb(208,241,135)
```
#d2f781
```
#d2f781 rgb(210,247,129)
```
#d3fc7c
```
#d3fc7c rgb(211,252,124)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d0d5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecda97 Protanopia 1% of men
#ffd2a6 Deuteranopia 1% of men
#d8d9e9 Tritanopia 0.001% of the population

Trichromacy

#dfdd97 Protanomaly 1% of men, 0.01% of women
#ebd8a0 Deuteranomaly 6% of men, 0.4% of women
#d3dcca Tritanomaly 0.01% of the population

#cae296 hex color

#cae296 Color Information

#cae296 Color Conversion

Color Schemes with #cae296

Alternatives to #cae296

#cae296 Preview

Shades and Tints of #cae296

Tones of #cae296

Color Blindness Simulator