#cae950 hex color

In a RGB color space, hex #cae950 is composed of 79.2% red, 91.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 65.7% yellow and 8.6% black. It has a hue angle of 72.2 degrees, a saturation of 77.7% and a lightness of 61.4%. #cae950 color hex could be obtained by blending #ffffa0 with #95d300. Closest websafe color is: #ccff66.

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

● #cae950 color description : Soft yellow.

The hexadecimal color #cae950 has RGB values of R:202, G:233, B:80 and CMYK values of C:0.13, M:0, Y:0.66, K:0.09. Its decimal value is 13298000.

Hex triplet	cae950	`#cae950`
RGB Decimal	202, 233, 80	`rgb(202,233,80)`
RGB Percent	79.2, 91.4, 31.4	`rgb(79.2%,91.4%,31.4%)`
CMYK	13, 0, 66, 9
HSL	72.2°, 77.7, 61.4	`hsl(72.2,77.7%,61.4%)`
HSV (or HSB)	72.2°, 65.7, 91.4
Web Safe	ccff66	`#ccff66`

CIE-LAB	87.685, -30.406, 68.038
XYZ	54.943, 71.413, 18.479
xyY	0.379, 0.493, 71.413
CIE-LCH	87.685, 74.523, 114.08
CIE-LUV	87.685, -13.496, 86.193
Hunter-Lab	84.506, -31.831, 46.19
Binary	11001010, 11101001, 01010000

#cae950
```
#cae950 rgb(202,233,80)
```
#6f50e9
```
#6f50e9 rgb(111,80,233)
```

Complementary Color

#e9bc50
```
#e9bc50 rgb(233,188,80)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#7ee950
```
#7ee950 rgb(126,233,80)
```

Analogous Color

#bc50e9
```
#bc50e9 rgb(188,80,233)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#507ee9
```
#507ee9 rgb(80,126,233)
```

Split Complementary Color

#e950ca
```
#e950ca rgb(233,80,202)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#50cae9
```
#50cae9 rgb(80,202,233)
```

Triadic Color

#e96f50
```
#e96f50 rgb(233,111,80)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#50cae9
```
#50cae9 rgb(80,202,233)
```
#6f50e9
```
#6f50e9 rgb(111,80,233)
```

Tetradic Color

#add21a
```
#add21a rgb(173,210,26)
```
#bce323
```
#bce323 rgb(188,227,35)
```
#c3e639
```
#c3e639 rgb(195,230,57)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#d1ec67
```
#d1ec67 rgb(209,236,103)
```
#d8ef7d
```
#d8ef7d rgb(216,239,125)
```
#dff294
```
#dff294 rgb(223,242,148)
```

Monochromatic Color

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

#e9e250
```
#e9e250 rgb(233,226,80)
```
#e4e950
```
#e4e950 rgb(228,233,80)
```
#d7e950
```
#d7e950 rgb(215,233,80)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#bde950
```
#bde950 rgb(189,233,80)
```
#b1e950
```
#b1e950 rgb(177,233,80)
```
#a4e950
```
#a4e950 rgb(164,233,80)
```

Similar Colors

Text with hexadecimal color #cae950

This text has a font color of #cae950.

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

#cae950 background color

This paragraph has a background color of #cae950.

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

#cae950 border color

This element has a border color of #cae950.

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

CSS codes

.text {color:#cae950;}

.background {background-color:#cae950;}

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

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, #0e1102 is the darkest color, while #fffffe is the lightest one.

#0e1102
```
#0e1102 rgb(14,17,2)
```
#1c2204
```
#1c2204 rgb(28,34,4)
```
#2a3406
```
#2a3406 rgb(42,52,6)
```
#394509
```
#394509 rgb(57,69,9)
```
#47560b
```
#47560b rgb(71,86,11)
```
#55680d
```
#55680d rgb(85,104,13)
```
#64790f
```
#64790f rgb(100,121,15)
```
#728b11
```
#728b11 rgb(114,139,17)
```
#809c14
```
#809c14 rgb(128,156,20)
```
#8fad16
```
#8fad16 rgb(143,173,22)
```
#9dbf18
```
#9dbf18 rgb(157,191,24)
```
#abd01a
```
#abd01a rgb(171,208,26)
```
#bae21c
```
#bae21c rgb(186,226,28)
```

Shade Color Variation

#bfe52d
```
#bfe52d rgb(191,229,45)
```
#c5e73f
```
#c5e73f rgb(197,231,63)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#cfeb61
```
#cfeb61 rgb(207,235,97)
```
#d5ed73
```
#d5ed73 rgb(213,237,115)
```
#daf084
```
#daf084 rgb(218,240,132)
```
#dff296
```
#dff296 rgb(223,242,150)
```
#e4f4a7
```
#e4f4a7 rgb(228,244,167)
```
#eaf6b9
```
#eaf6b9 rgb(234,246,185)
```
#eff8ca
```
#eff8ca rgb(239,248,202)
```
#f4fbdb
```
#f4fbdb rgb(244,251,219)
```
#f9fded
```
#f9fded rgb(249,253,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a1a594
```
#a1a594 rgb(161,165,148)
```
#a6ac8d
```
#a6ac8d rgb(166,172,141)
```
#aab485
```
#aab485 rgb(170,180,133)
```
#afbc7d
```
#afbc7d rgb(175,188,125)
```
#b3c376
```
#b3c376 rgb(179,195,118)
```
#b8cb6e
```
#b8cb6e rgb(184,203,110)
```
#bcd267
```
#bcd267 rgb(188,210,103)
```
#c1da5f
```
#c1da5f rgb(193,218,95)
```
#c5e158
```
#c5e158 rgb(197,225,88)
```
#cae950
```
#cae950 rgb(202,233,80)
```
#cff148
```
#cff148 rgb(207,241,72)
```
#d3f841
```
#d3f841 rgb(211,248,65)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cdd3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dd55 Protanopia 1% of men
#ffd7a1 Deuteranopia 1% of men
#dedbeb Tritanopia 0.001% of the population

Trichromacy

#e6e153 Protanomaly 1% of men, 0.01% of women
#ebdd84 Deuteranomaly 6% of men, 0.4% of women
#d7e0b2 Tritanomaly 0.01% of the population

#cae950 hex color

#cae950 Color Information

#cae950 Color Conversion

Color Schemes with #cae950

Alternatives to #cae950

#cae950 Preview

Shades and Tints of #cae950

Tones of #cae950

Color Blindness Simulator