#cae980 hex color

In a RGB color space, hex #cae980 is composed of 79.2% red, 91.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 45.1% yellow and 8.6% black. It has a hue angle of 77.7 degrees, a saturation of 70.5% and a lightness of 70.8%. #cae980 color hex could be obtained by blending #ffffff with #95d301. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 91
- B 50
RGB color chart
- C 13
- M 0
- Y 45
- K 9
CMYK color chart

● #cae980 color description : Soft green.

The hexadecimal color #cae980 has RGB values of R:202, G:233, B:128 and CMYK values of C:0.13, M:0, Y:0.45, K:0.09. Its decimal value is 13298048.

Hex triplet	cae980	`#cae980`
RGB Decimal	202, 233, 128	`rgb(202,233,128)`
RGB Percent	79.2, 91.4, 50.2	`rgb(79.2%,91.4%,50.2%)`
CMYK	13, 0, 45, 9
HSL	77.7°, 70.5, 70.8	`hsl(77.7,70.5%,70.8%)`
HSV (or HSB)	77.7°, 45.1, 91.4
Web Safe	ccff99	`#ccff99`

CIE-LAB	88.157, -26.344, 47.487
XYZ	57.391, 72.392, 31.371
xyY	0.356, 0.449, 72.392
CIE-LCH	88.157, 54.305, 119.02
CIE-LUV	88.157, -14.115, 66.701
Hunter-Lab	85.084, -28.494, 37.698
Binary	11001010, 11101001, 10000000

#cae980
```
#cae980 rgb(202,233,128)
```
#9f80e9
```
#9f80e9 rgb(159,128,233)
```

Complementary Color

#e9d480
```
#e9d480 rgb(233,212,128)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#96e980
```
#96e980 rgb(150,233,128)
```

Analogous Color

#d480e9
```
#d480e9 rgb(212,128,233)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#8096e9
```
#8096e9 rgb(128,150,233)
```

Split Complementary Color

#e980ca
```
#e980ca rgb(233,128,202)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#80cae9
```
#80cae9 rgb(128,202,233)
```

Triadic Color

#e99f80
```
#e99f80 rgb(233,159,128)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#80cae9
```
#80cae9 rgb(128,202,233)
```
#9f80e9
```
#9f80e9 rgb(159,128,233)
```

Tetradic Color

#afde3f
```
#afde3f rgb(175,222,63)
```
#b8e155
```
#b8e155 rgb(184,225,85)
```
#c1e56a
```
#c1e56a rgb(193,229,106)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#d3ed96
```
#d3ed96 rgb(211,237,150)
```
#dcf1ab
```
#dcf1ab rgb(220,241,171)
```
#e5f4c1
```
#e5f4c1 rgb(229,244,193)
```

Monochromatic Color

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

#e4e980
```
#e4e980 rgb(228,233,128)
```
#dce980
```
#dce980 rgb(220,233,128)
```
#d3e980
```
#d3e980 rgb(211,233,128)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#c1e980
```
#c1e980 rgb(193,233,128)
```
#b9e980
```
#b9e980 rgb(185,233,128)
```
#b0e980
```
#b0e980 rgb(176,233,128)
```

Similar Colors

Text with hexadecimal color #cae980

This text has a font color of #cae980.

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

#cae980 background color

This paragraph has a background color of #cae980.

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

#cae980 border color

This element has a border color of #cae980.

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

CSS codes

.text {color:#cae980;}

.background {background-color:#cae980;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#121704
```
#121704 rgb(18,23,4)
```
#1e2807
```
#1e2807 rgb(30,40,7)
```
#2b390a
```
#2b390a rgb(43,57,10)
```
#384a0d
```
#384a0d rgb(56,74,13)
```
#445a10
```
#445a10 rgb(68,90,16)
```
#516b13
```
#516b13 rgb(81,107,19)
```
#5e7c15
```
#5e7c15 rgb(94,124,21)
```
#6a8d18
```
#6a8d18 rgb(106,141,24)
```
#779d1b
```
#779d1b rgb(119,157,27)
```
#83ae1e
```
#83ae1e rgb(131,174,30)
```
#90bf21
```
#90bf21 rgb(144,191,33)
```
#9dcf24
```
#9dcf24 rgb(157,207,36)
```

Shade Color Variation

#a7db2c
```
#a7db2c rgb(167,219,44)
```
#aedd3d
```
#aedd3d rgb(174,221,61)
```
#b5e04e
```
#b5e04e rgb(181,224,78)
```
#bce35f
```
#bce35f rgb(188,227,95)
```
#c3e66f
```
#c3e66f rgb(195,230,111)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#d1ec91
```
#d1ec91 rgb(209,236,145)
```
#d8efa1
```
#d8efa1 rgb(216,239,161)
```
#dff2b2
```
#dff2b2 rgb(223,242,178)
```
#e6f5c3
```
#e6f5c3 rgb(230,245,195)
```
#edf7d4
```
#edf7d4 rgb(237,247,212)
```
#f4fae4
```
#f4fae4 rgb(244,250,228)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

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

#b5b5b4
```
#b5b5b4 rgb(181,181,180)
```
#b7bbae
```
#b7bbae rgb(183,187,174)
```
#bac1a8
```
#bac1a8 rgb(186,193,168)
```
#bcc7a2
```
#bcc7a2 rgb(188,199,162)
```
#becc9d
```
#becc9d rgb(190,204,157)
```
#c1d297
```
#c1d297 rgb(193,210,151)
```
#c3d891
```
#c3d891 rgb(195,216,145)
```
#c5de8b
```
#c5de8b rgb(197,222,139)
```
#c8e386
```
#c8e386 rgb(200,227,134)
```
#cae980
```
#cae980 rgb(202,233,128)
```
#ccef7a
```
#ccef7a rgb(204,239,122)
```
#cff475
```
#cff475 rgb(207,244,117)
```
#d1fa6f
```
#d1fa6f rgb(209,250,111)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2d8c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3de82 Protanopia 1% of men
#ffd8ac Deuteranopia 1% of men
#dcdeee Tritanopia 0.001% of the population

Trichromacy

#e4e281 Protanomaly 1% of men, 0.01% of women
#ebde9c Deuteranomaly 6% of men, 0.4% of women
#d5e2c6 Tritanomaly 0.01% of the population

#cae980 hex color

#cae980 Color Information

#cae980 Color Conversion

Color Schemes with #cae980

Alternatives to #cae980

#cae980 Preview

Shades and Tints of #cae980

Tones of #cae980

Color Blindness Simulator