#cae557 hex color

In a RGB color space, hex #cae557 is composed of 79.2% red, 89.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 62% yellow and 10.2% black. It has a hue angle of 71.4 degrees, a saturation of 73.2% and a lightness of 62%. #cae557 color hex could be obtained by blending #ffffae with #95cb00. Closest websafe color is: #cccc66.

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

● #cae557 color description : Soft yellow.

The hexadecimal color #cae557 has RGB values of R:202, G:229, B:87 and CMYK values of C:0.12, M:0, Y:0.62, K:0.1. Its decimal value is 13296983.

Hex triplet	cae557	`#cae557`
RGB Decimal	202, 229, 87	`rgb(202,229,87)`
RGB Percent	79.2, 89.8, 34.1	`rgb(79.2%,89.8%,34.1%)`
CMYK	12, 0, 62, 10
HSL	71.4°, 73.2, 62	`hsl(71.4,73.2%,62%)`
HSV (or HSB)	71.4°, 62, 89.8
Web Safe	cccc66	`#cccc66`

CIE-LAB	86.644, -28.07, 64.163
XYZ	54.096, 69.283, 19.539
xyY	0.379, 0.485, 69.283
CIE-LCH	86.644, 70.034, 113.628
CIE-LUV	86.644, -11.263, 82.176
Hunter-Lab	83.237, -29.655, 44.347
Binary	11001010, 11100101, 01010111

#cae557
```
#cae557 rgb(202,229,87)
```
#7257e5
```
#7257e5 rgb(114,87,229)
```

Complementary Color

#e5b957
```
#e5b957 rgb(229,185,87)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#83e557
```
#83e557 rgb(131,229,87)
```

Analogous Color

#b957e5
```
#b957e5 rgb(185,87,229)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#5783e5
```
#5783e5 rgb(87,131,229)
```

Split Complementary Color

#e557ca
```
#e557ca rgb(229,87,202)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#57cae5
```
#57cae5 rgb(87,202,229)
```

Triadic Color

#e57257
```
#e57257 rgb(229,114,87)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#57cae5
```
#57cae5 rgb(87,202,229)
```
#7257e5
```
#7257e5 rgb(114,87,229)
```

Tetradic Color

#aecf20
```
#aecf20 rgb(174,207,32)
```
#bcde2b
```
#bcde2b rgb(188,222,43)
```
#c3e241
```
#c3e241 rgb(195,226,65)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#d1e86d
```
#d1e86d rgb(209,232,109)
```
#d8ec83
```
#d8ec83 rgb(216,236,131)
```
#dfef99
```
#dfef99 rgb(223,239,153)
```

Monochromatic Color

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

#e5dd57
```
#e5dd57 rgb(229,221,87)
```
#e2e557
```
#e2e557 rgb(226,229,87)
```
#d6e557
```
#d6e557 rgb(214,229,87)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#bee557
```
#bee557 rgb(190,229,87)
```
#b2e557
```
#b2e557 rgb(178,229,87)
```
#a7e557
```
#a7e557 rgb(167,229,87)
```

Similar Colors

Text with hexadecimal color #cae557

This text has a font color of #cae557.

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

#cae557 background color

This paragraph has a background color of #cae557.

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

#cae557 border color

This element has a border color of #cae557.

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

CSS codes

.text {color:#cae557;}

.background {background-color:#cae557;}

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

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 #fafdf0 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#101303
```
#101303 rgb(16,19,3)
```
#1e2406
```
#1e2406 rgb(30,36,6)
```
#2c3508
```
#2c3508 rgb(44,53,8)
```
#3b460b
```
#3b460b rgb(59,70,11)
```
#49570d
```
#49570d rgb(73,87,13)
```
#576810
```
#576810 rgb(87,104,16)
```
#657913
```
#657913 rgb(101,121,19)
```
#748a15
```
#748a15 rgb(116,138,21)
```
#829b18
```
#829b18 rgb(130,155,24)
```
#90ac1b
```
#90ac1b rgb(144,172,27)
```
#9ebd1d
```
#9ebd1d rgb(158,189,29)
```
#adce20
```
#adce20 rgb(173,206,32)
```

Shade Color Variation

#badd24
```
#badd24 rgb(186,221,36)
```
#bfe035
```
#bfe035 rgb(191,224,53)
```
#c5e246
```
#c5e246 rgb(197,226,70)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#cfe868
```
#cfe868 rgb(207,232,104)
```
#d5ea79
```
#d5ea79 rgb(213,234,121)
```
#daed8a
```
#daed8a rgb(218,237,138)
```
#dff09b
```
#dff09b rgb(223,240,155)
```
#e5f2ac
```
#e5f2ac rgb(229,242,172)
```
#eaf5bd
```
#eaf5bd rgb(234,245,189)
```
#f0f7ce
```
#f0f7ce rgb(240,247,206)
```
#f5fadf
```
#f5fadf rgb(245,250,223)
```
#fafdf0
```
#fafdf0 rgb(250,253,240)
```

Tint Color Variation

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

#a0a29a
```
#a0a29a rgb(160,162,154)
```
#a5a993
```
#a5a993 rgb(165,169,147)
```
#aab18b
```
#aab18b rgb(170,177,139)
```
#aeb884
```
#aeb884 rgb(174,184,132)
```
#b3c07c
```
#b3c07c rgb(179,192,124)
```
#b8c775
```
#b8c775 rgb(184,199,117)
```
#bccf6d
```
#bccf6d rgb(188,207,109)
```
#c1d666
```
#c1d666 rgb(193,214,102)
```
#c5de5e
```
#c5de5e rgb(197,222,94)
```
#cae557
```
#cae557 rgb(202,229,87)
```
#cfec50
```
#cfec50 rgb(207,236,80)
```
#d3f448
```
#d3f448 rgb(211,244,72)
```
#d8fb41
```
#d8fb41 rgb(216,251,65)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#ccd2b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db5c Protanopia 1% of men
#ffd498 Deuteranopia 1% of men
#ddd8e8 Tritanopia 0.001% of the population

Trichromacy

#e4de5a Protanomaly 1% of men, 0.01% of women
#ebda80 Deuteranomaly 6% of men, 0.4% of women
#d6ddb3 Tritanomaly 0.01% of the population

#cae557 hex color

#cae557 Color Information

#cae557 Color Conversion

Color Schemes with #cae557

Alternatives to #cae557

#cae557 Preview

Shades and Tints of #cae557

Tones of #cae557

Color Blindness Simulator