#cae57f hex color

In a RGB color space, hex #cae57f is composed of 79.2% red, 89.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 44.5% yellow and 10.2% black. It has a hue angle of 75.9 degrees, a saturation of 66.2% and a lightness of 69.8%. #cae57f color hex could be obtained by blending #fffffe with #95cb00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 79
- G 90
- B 50
RGB color chart
- C 12
- M 0
- Y 45
- K 10
CMYK color chart

● #cae57f color description : Very soft green.

The hexadecimal color #cae57f has RGB values of R:202, G:229, B:127 and CMYK values of C:0.12, M:0, Y:0.45, K:0.1. Its decimal value is 13297023.

Hex triplet	cae57f	`#cae57f`
RGB Decimal	202, 229, 127	`rgb(202,229,127)`
RGB Percent	79.2, 89.8, 49.8	`rgb(79.2%,89.8%,49.8%)`
CMYK	12, 0, 45, 10
HSL	75.9°, 66.2, 69.8	`hsl(75.9,66.2%,69.8%)`
HSV (or HSB)	75.9°, 44.5, 89.8
Web Safe	cccc66	`#cccc66`

CIE-LAB	87.059, -24.54, 46.61
XYZ	56.206, 70.127, 30.652
xyY	0.358, 0.447, 70.127
CIE-LCH	87.059, 52.675, 117.767
CIE-LUV	87.059, -11.88, 65.175
Hunter-Lab	83.742, -26.742, 36.917
Binary	11001010, 11100101, 01111111

#cae57f
```
#cae57f rgb(202,229,127)
```
#9a7fe5
```
#9a7fe5 rgb(154,127,229)
```

Complementary Color

#e5cd7f
```
#e5cd7f rgb(229,205,127)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#97e57f
```
#97e57f rgb(151,229,127)
```

Analogous Color

#cd7fe5
```
#cd7fe5 rgb(205,127,229)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#7f97e5
```
#7f97e5 rgb(127,151,229)
```

Split Complementary Color

#e57fca
```
#e57fca rgb(229,127,202)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#7fcae5
```
#7fcae5 rgb(127,202,229)
```

Triadic Color

#e59a7f
```
#e59a7f rgb(229,154,127)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#7fcae5
```
#7fcae5 rgb(127,202,229)
```
#9a7fe5
```
#9a7fe5 rgb(154,127,229)
```

Tetradic Color

#b0d83f
```
#b0d83f rgb(176,216,63)
```
#b8dc55
```
#b8dc55 rgb(184,220,85)
```
#c1e16a
```
#c1e16a rgb(193,225,106)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#d3e994
```
#d3e994 rgb(211,233,148)
```
#dceea9
```
#dceea9 rgb(220,238,169)
```
#e4f2bf
```
#e4f2bf rgb(228,242,191)
```

Monochromatic Color

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

#e4e57f
```
#e4e57f rgb(228,229,127)
```
#dbe57f
```
#dbe57f rgb(219,229,127)
```
#d3e57f
```
#d3e57f rgb(211,229,127)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#c2e57f
```
#c2e57f rgb(194,229,127)
```
#b9e57f
```
#b9e57f rgb(185,229,127)
```
#b1e57f
```
#b1e57f rgb(177,229,127)
```

Similar Colors

Text with hexadecimal color #cae57f

This text has a font color of #cae57f.

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

#cae57f background color

This paragraph has a background color of #cae57f.

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

#cae57f border color

This element has a border color of #cae57f.

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

CSS codes

.text {color:#cae57f;}

.background {background-color:#cae57f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#0f1304
```
#0f1304 rgb(15,19,4)
```
#1c2307
```
#1c2307 rgb(28,35,7)
```
#29330a
```
#29330a rgb(41,51,10)
```
#35440e
```
#35440e rgb(53,68,14)
```
#425411
```
#425411 rgb(66,84,17)
```
#4f6414
```
#4f6414 rgb(79,100,20)
```
#5c7518
```
#5c7518 rgb(92,117,24)
```
#69851b
```
#69851b rgb(105,133,27)
```
#76951e
```
#76951e rgb(118,149,30)
```
#83a522
```
#83a522 rgb(131,165,34)
```
#8fb625
```
#8fb625 rgb(143,182,37)
```
#9cc628
```
#9cc628 rgb(156,198,40)
```

Shade Color Variation

#a8d42d
```
#a8d42d rgb(168,212,45)
```
#afd83e
```
#afd83e rgb(175,216,62)
```
#b6db4e
```
#b6db4e rgb(182,219,78)
```
#bcde5e
```
#bcde5e rgb(188,222,94)
```
#c3e26f
```
#c3e26f rgb(195,226,111)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#d1e88f
```
#d1e88f rgb(209,232,143)
```
#d8eca0
```
#d8eca0 rgb(216,236,160)
```
#deefb0
```
#deefb0 rgb(222,239,176)
```
#e5f2c0
```
#e5f2c0 rgb(229,242,192)
```
#ecf6d1
```
#ecf6d1 rgb(236,246,209)
```
#f3f9e1
```
#f3f9e1 rgb(243,249,225)
```
#f9fcf1
```
#f9fcf1 rgb(249,252,241)
```

Tint Color Variation

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

#b4b6ae
```
#b4b6ae rgb(180,182,174)
```
#b6bca8
```
#b6bca8 rgb(182,188,168)
```
#b9c1a3
```
#b9c1a3 rgb(185,193,163)
```
#bcc79d
```
#bcc79d rgb(188,199,157)
```
#bfcd97
```
#bfcd97 rgb(191,205,151)
```
#c2d391
```
#c2d391 rgb(194,211,145)
```
#c4d98b
```
#c4d98b rgb(196,217,139)
```
#c7df85
```
#c7df85 rgb(199,223,133)
```
#cae57f
```
#cae57f rgb(202,229,127)
```
#cdeb79
```
#cdeb79 rgb(205,235,121)
```
#d0f173
```
#d0f173 rgb(208,241,115)
```
#d2f76d
```
#d2f76d rgb(210,247,109)
```
#d5fd67
```
#d5fd67 rgb(213,253,103)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d5c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dc82 Protanopia 1% of men
#ffd4a3 Deuteranopia 1% of men
#dbdaea Tritanopia 0.001% of the population

Trichromacy

#e2df80 Protanomaly 1% of men, 0.01% of women
#ebda96 Deuteranomaly 6% of men, 0.4% of women
#d5dec3 Tritanomaly 0.01% of the population

#cae57f hex color

#cae57f Color Information

#cae57f Color Conversion

Color Schemes with #cae57f

Alternatives to #cae57f

#cae57f Preview

Shades and Tints of #cae57f

Tones of #cae57f

Color Blindness Simulator