#cae162 hex color

In a RGB color space, hex #cae162 is composed of 79.2% red, 88.2% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 10.2% cyan, 0% magenta, 56.4% yellow and 11.8% black. It has a hue angle of 70.9 degrees, a saturation of 67.9% and a lightness of 63.3%. #cae162 color hex could be obtained by blending #ffffc4 with #95c300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 79
- G 88
- B 38
RGB color chart
- C 10
- M 0
- Y 56
- K 12
CMYK color chart

● #cae162 color description : Soft yellow.

The hexadecimal color #cae162 has RGB values of R:202, G:225, B:98 and CMYK values of C:0.1, M:0, Y:0.56, K:0.12. Its decimal value is 13295970.

Hex triplet	cae162	`#cae162`
RGB Decimal	202, 225, 98	`rgb(202,225,98)`
RGB Percent	79.2, 88.2, 38.4	`rgb(79.2%,88.2%,38.4%)`
CMYK	10, 0, 56, 12
HSL	70.9°, 67.9, 63.3	`hsl(70.9,67.9%,63.3%)`
HSV (or HSB)	70.9°, 56.4, 88.2
Web Safe	cccc66	`#cccc66`

CIE-LAB	85.65, -25.346, 58.39
XYZ	53.486, 67.289, 21.725
xyY	0.375, 0.472, 67.289
CIE-LCH	85.65, 63.654, 113.465
CIE-LUV	85.65, -9.098, 76.322
Hunter-Lab	82.03, -27.164, 41.718
Binary	11001010, 11100001, 01100010

#cae162
```
#cae162 rgb(202,225,98)
```
#7962e1
```
#7962e1 rgb(121,98,225)
```

Complementary Color

#e1b962
```
#e1b962 rgb(225,185,98)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#8be162
```
#8be162 rgb(139,225,98)
```

Analogous Color

#b962e1
```
#b962e1 rgb(185,98,225)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#628be1
```
#628be1 rgb(98,139,225)
```

Split Complementary Color

#e162ca
```
#e162ca rgb(225,98,202)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#62cae1
```
#62cae1 rgb(98,202,225)
```

Triadic Color

#e17962
```
#e17962 rgb(225,121,98)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#62cae1
```
#62cae1 rgb(98,202,225)
```
#7962e1
```
#7962e1 rgb(121,98,225)
```

Tetradic Color

#b1cf28
```
#b1cf28 rgb(177,207,40)
```
#bcd937
```
#bcd937 rgb(188,217,55)
```
#c3dd4d
```
#c3dd4d rgb(195,221,77)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#d1e577
```
#d1e577 rgb(209,229,119)
```
#d8e98d
```
#d8e98d rgb(216,233,141)
```
#e0eda2
```
#e0eda2 rgb(224,237,162)
```

Monochromatic Color

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

#e1d862
```
#e1d862 rgb(225,216,98)
```
#dfe162
```
#dfe162 rgb(223,225,98)
```
#d5e162
```
#d5e162 rgb(213,225,98)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#bfe162
```
#bfe162 rgb(191,225,98)
```
#b5e162
```
#b5e162 rgb(181,225,98)
```
#aae162
```
#aae162 rgb(170,225,98)
```

Similar Colors

Text with hexadecimal color #cae162

This text has a font color of #cae162.

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

#cae162 background color

This paragraph has a background color of #cae162.

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

#cae162 border color

This element has a border color of #cae162.

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

CSS codes

.text {color:#cae162;}

.background {background-color:#cae162;}

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

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

#070801
```
#070801 rgb(7,8,1)
```
#151805
```
#151805 rgb(21,24,5)
```
#232908
```
#232908 rgb(35,41,8)
```
#31390b
```
#31390b rgb(49,57,11)
```
#3f4a0e
```
#3f4a0e rgb(63,74,14)
```
#4d5a11
```
#4d5a11 rgb(77,90,17)
```
#5b6a14
```
#5b6a14 rgb(91,106,20)
```
#697b17
```
#697b17 rgb(105,123,23)
```
#778b1b
```
#778b1b rgb(119,139,27)
```
#859c1e
```
#859c1e rgb(133,156,30)
```
#93ac21
```
#93ac21 rgb(147,172,33)
```
#a1bd24
```
#a1bd24 rgb(161,189,36)
```
#afcd27
```
#afcd27 rgb(175,205,39)
```

Shade Color Variation

#b9d831
```
#b9d831 rgb(185,216,49)
```
#bfdb41
```
#bfdb41 rgb(191,219,65)
```
#c4de52
```
#c4de52 rgb(196,222,82)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#d0e472
```
#d0e472 rgb(208,228,114)
```
#d5e783
```
#d5e783 rgb(213,231,131)
```
#dbea93
```
#dbea93 rgb(219,234,147)
```
#e0eea4
```
#e0eea4 rgb(224,238,164)
```
#e6f1b4
```
#e6f1b4 rgb(230,241,180)
```
#ebf4c5
```
#ebf4c5 rgb(235,244,197)
```
#f1f7d5
```
#f1f7d5 rgb(241,247,213)
```
#f6fae6
```
#f6fae6 rgb(246,250,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#a5a79c
```
#a5a79c rgb(165,167,156)
```
#aaaf94
```
#aaaf94 rgb(170,175,148)
```
#aeb68d
```
#aeb68d rgb(174,182,141)
```
#b3bd86
```
#b3bd86 rgb(179,189,134)
```
#b8c47f
```
#b8c47f rgb(184,196,127)
```
#bccb78
```
#bccb78 rgb(188,203,120)
```
#c1d370
```
#c1d370 rgb(193,211,112)
```
#c5da69
```
#c5da69 rgb(197,218,105)
```
#cae162
```
#cae162 rgb(202,225,98)
```
#cfe85b
```
#cfe85b rgb(207,232,91)
```
#d3ef54
```
#d3ef54 rgb(211,239,84)
```
#d8f74c
```
#d8f74c rgb(216,247,76)
```
#dcfe45
```
#dcfe45 rgb(220,254,69)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#ccd0b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd867 Protanopia 1% of men
#ffd08f Deuteranopia 1% of men
#dcd5e4 Tritanopia 0.001% of the population

Trichromacy

#e1db65 Protanomaly 1% of men, 0.01% of women
#ebd67f Deuteranomaly 6% of men, 0.4% of women
#d5d9b5 Tritanomaly 0.01% of the population

#cae162 hex color

#cae162 Color Information

#cae162 Color Conversion

Color Schemes with #cae162

Alternatives to #cae162

#cae162 Preview

Shades and Tints of #cae162

Tones of #cae162

Color Blindness Simulator