#cae54c hex color

In a RGB color space, hex #cae54c is composed of 79.2% red, 89.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 66.8% yellow and 10.2% black. It has a hue angle of 70.6 degrees, a saturation of 74.6% and a lightness of 59.8%. #cae54c color hex could be obtained by blending #ffff98 with #95cb00. Closest websafe color is: #cccc33.

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

● #cae54c color description : Soft yellow.

The hexadecimal color #cae54c has RGB values of R:202, G:229, B:76 and CMYK values of C:0.12, M:0, Y:0.67, K:0.1. Its decimal value is 13296972.

Hex triplet	cae54c	`#cae54c`
RGB Decimal	202, 229, 76	`rgb(202,229,76)`
RGB Percent	79.2, 89.8, 29.8	`rgb(79.2%,89.8%,29.8%)`
CMYK	12, 0, 67, 10
HSL	70.6°, 74.6, 59.8	`hsl(70.6,74.6%,59.8%)`
HSV (or HSB)	70.6°, 66.8, 89.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	86.562, -28.78, 68.402
XYZ	53.68, 69.117, 17.35
xyY	0.383, 0.493, 69.117
CIE-LCH	86.562, 74.21, 112.819
CIE-LUV	86.562, -11.137, 85.677
Hunter-Lab	83.137, -30.233, 45.822
Binary	11001010, 11100101, 01001100

#cae54c
```
#cae54c rgb(202,229,76)
```
#674ce5
```
#674ce5 rgb(103,76,229)
```

Complementary Color

#e5b44c
```
#e5b44c rgb(229,180,76)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#7ee54c
```
#7ee54c rgb(126,229,76)
```

Analogous Color

#b44ce5
```
#b44ce5 rgb(180,76,229)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#4c7ee5
```
#4c7ee5 rgb(76,126,229)
```

Split Complementary Color

#e54cca
```
#e54cca rgb(229,76,202)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#4ccae5
```
#4ccae5 rgb(76,202,229)
```

Triadic Color

#e5674c
```
#e5674c rgb(229,103,76)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#4ccae5
```
#4ccae5 rgb(76,202,229)
```
#674ce5
```
#674ce5 rgb(103,76,229)
```

Tetradic Color

#a9c81d
```
#a9c81d rgb(169,200,29)
```
#bcde20
```
#bcde20 rgb(188,222,32)
```
#c3e236
```
#c3e236 rgb(195,226,54)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#d1e862
```
#d1e862 rgb(209,232,98)
```
#d7eb79
```
#d7eb79 rgb(215,235,121)
```
#deef8f
```
#deef8f rgb(222,239,143)
```

Monochromatic Color

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

#e5da4c
```
#e5da4c rgb(229,218,76)
```
#e4e54c
```
#e4e54c rgb(228,229,76)
```
#d7e54c
```
#d7e54c rgb(215,229,76)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#bde54c
```
#bde54c rgb(189,229,76)
```
#b1e54c
```
#b1e54c rgb(177,229,76)
```
#a4e54c
```
#a4e54c rgb(164,229,76)
```

Similar Colors

Text with hexadecimal color #cae54c

This text has a font color of #cae54c.

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

#cae54c background color

This paragraph has a background color of #cae54c.

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

#cae54c border color

This element has a border color of #cae54c.

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

CSS codes

.text {color:#cae54c;}

.background {background-color:#cae54c;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#171b04
```
#171b04 rgb(23,27,4)
```
#252c06
```
#252c06 rgb(37,44,6)
```
#343d09
```
#343d09 rgb(52,61,9)
```
#424e0b
```
#424e0b rgb(66,78,11)
```
#515f0e
```
#515f0e rgb(81,95,14)
```
#5f7010
```
#5f7010 rgb(95,112,16)
```
#6e8113
```
#6e8113 rgb(110,129,19)
```
#7c9215
```
#7c9215 rgb(124,146,21)
```
#8ba418
```
#8ba418 rgb(139,164,24)
```
#99b51a
```
#99b51a rgb(153,181,26)
```
#a8c61d
```
#a8c61d rgb(168,198,29)
```
#b7d71f
```
#b7d71f rgb(183,215,31)
```

Shade Color Variation

#c0e02a
```
#c0e02a rgb(192,224,42)
```
#c5e33b
```
#c5e33b rgb(197,227,59)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#cfe75d
```
#cfe75d rgb(207,231,93)
```
#d4ea6e
```
#d4ea6e rgb(212,234,110)
```
#d9ec7f
```
#d9ec7f rgb(217,236,127)
```
#deef91
```
#deef91 rgb(222,239,145)
```
#e3f1a2
```
#e3f1a2 rgb(227,241,162)
```
#e8f4b3
```
#e8f4b3 rgb(232,244,179)
```
#edf6c4
```
#edf6c4 rgb(237,246,196)
```
#f3f9d5
```
#f3f9d5 rgb(243,249,213)
```
#f8fbe6
```
#f8fbe6 rgb(248,251,230)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#9c9e93
```
#9c9e93 rgb(156,158,147)
```
#a1a68b
```
#a1a68b rgb(161,166,139)
```
#a6ae83
```
#a6ae83 rgb(166,174,131)
```
#abb67b
```
#abb67b rgb(171,182,123)
```
#b0be73
```
#b0be73 rgb(176,190,115)
```
#b6c56c
```
#b6c56c rgb(182,197,108)
```
#bbcd64
```
#bbcd64 rgb(187,205,100)
```
#c0d55c
```
#c0d55c rgb(192,213,92)
```
#c5dd54
```
#c5dd54 rgb(197,221,84)
```
#cae54c
```
#cae54c rgb(202,229,76)
```
#cfed44
```
#cfed44 rgb(207,237,68)
```
#d4f53c
```
#d4f53c rgb(212,245,60)
```
#d9fd34
```
#d9fd34 rgb(217,253,52)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3da52 Protanopia 1% of men
#ffd396 Deuteranopia 1% of men
#ded8e7 Tritanopia 0.001% of the population

Trichromacy

#e4de4f Protanomaly 1% of men, 0.01% of women
#ebda7b Deuteranomaly 6% of men, 0.4% of women
#d6dcaf Tritanomaly 0.01% of the population

#cae54c hex color

#cae54c Color Information

#cae54c Color Conversion

Color Schemes with #cae54c

Alternatives to #cae54c

#cae54c Preview

Shades and Tints of #cae54c

Tones of #cae54c

Color Blindness Simulator