#cae030 hex color

In a RGB color space, hex #cae030 is composed of 79.2% red, 87.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 78.6% yellow and 12.2% black. It has a hue angle of 67.5 degrees, a saturation of 73.9% and a lightness of 53.3%. #cae030 color hex could be obtained by blending #ffff60 with #95c100. Closest websafe color is: #cccc33.

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

● #cae030 color description : Bright yellow.

The hexadecimal color #cae030 has RGB values of R:202, G:224, B:48 and CMYK values of C:0.1, M:0, Y:0.79, K:0.12. Its decimal value is 13295664.

Hex triplet	cae030	`#cae030`
RGB Decimal	202, 224, 48	`rgb(202,224,48)`
RGB Percent	79.2, 87.8, 18.8	`rgb(79.2%,87.8%,18.8%)`
CMYK	10, 0, 79, 12
HSL	67.5°, 73.9, 53.3	`hsl(67.5,73.9%,53.3%)`
HSV (or HSB)	67.5°, 78.6, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.038, -27.763, 76.138
XYZ	51.546, 66.081, 12.836
xyY	0.395, 0.507, 66.081
CIE-LCH	85.038, 81.042, 110.034
CIE-LUV	85.038, -7.908, 90.311
Hunter-Lab	81.29, -29.072, 47.541
Binary	11001010, 11100000, 00110000

#cae030
```
#cae030 rgb(202,224,48)
```
#4630e0
```
#4630e0 rgb(70,48,224)
```

Complementary Color

#e09e30
```
#e09e30 rgb(224,158,48)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#72e030
```
#72e030 rgb(114,224,48)
```

Analogous Color

#9e30e0
```
#9e30e0 rgb(158,48,224)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#3072e0
```
#3072e0 rgb(48,114,224)
```

Split Complementary Color

#e030ca
```
#e030ca rgb(224,48,202)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#30cae0
```
#30cae0 rgb(48,202,224)
```

Triadic Color

#e04630
```
#e04630 rgb(224,70,48)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#30cae0
```
#30cae0 rgb(48,202,224)
```
#4630e0
```
#4630e0 rgb(70,48,224)
```

Tetradic Color

#98aa19
```
#98aa19 rgb(152,170,25)
```
#acc01d
```
#acc01d rgb(172,192,29)
```
#c0d620
```
#c0d620 rgb(192,214,32)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#d0e346
```
#d0e346 rgb(208,227,70)
```
#d5e75c
```
#d5e75c rgb(213,231,92)
```
#dbea73
```
#dbea73 rgb(219,234,115)
```

Monochromatic Color

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

#e0ca30
```
#e0ca30 rgb(224,202,48)
```
#e0d930
```
#e0d930 rgb(224,217,48)
```
#d9e030
```
#d9e030 rgb(217,224,48)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#bbe030
```
#bbe030 rgb(187,224,48)
```
#ade030
```
#ade030 rgb(173,224,48)
```
#9ee030
```
#9ee030 rgb(158,224,48)
```

Similar Colors

Text with hexadecimal color #cae030

This text has a font color of #cae030.

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

#cae030 background color

This paragraph has a background color of #cae030.

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

#cae030 border color

This element has a border color of #cae030.

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

CSS codes

.text {color:#cae030;}

.background {background-color:#cae030;}

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

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

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1c2005
```
#1c2005 rgb(28,32,5)
```
#2c3107
```
#2c3107 rgb(44,49,7)
```
#3b420a
```
#3b420a rgb(59,66,10)
```
#4a530c
```
#4a530c rgb(74,83,12)
```
#59640f
```
#59640f rgb(89,100,15)
```
#697512
```
#697512 rgb(105,117,18)
```
#788614
```
#788614 rgb(120,134,20)
```
#879717
```
#879717 rgb(135,151,23)
```
#96a819
```
#96a819 rgb(150,168,25)
```
#a6b91c
```
#a6b91c rgb(166,185,28)
```
#b5ca1e
```
#b5ca1e rgb(181,202,30)
```
#c4dc21
```
#c4dc21 rgb(196,220,33)
```

Shade Color Variation

#cae030
```
#cae030 rgb(202,224,48)
```
#cee341
```
#cee341 rgb(206,227,65)
```
#d3e552
```
#d3e552 rgb(211,229,82)
```
#d7e863
```
#d7e863 rgb(215,232,99)
```
#dbea74
```
#dbea74 rgb(219,234,116)
```
#e0ed85
```
#e0ed85 rgb(224,237,133)
```
#e4ef96
```
#e4ef96 rgb(228,239,150)
```
#e9f2a7
```
#e9f2a7 rgb(233,242,167)
```
#edf4b8
```
#edf4b8 rgb(237,244,184)
```
#f1f7ca
```
#f1f7ca rgb(241,247,202)
```
#f6fadb
```
#f6fadb rgb(246,250,219)
```
#fafcec
```
#fafcec rgb(250,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#8c8e82
```
#8c8e82 rgb(140,142,130)
```
#939779
```
#939779 rgb(147,151,121)
```
#9aa070
```
#9aa070 rgb(154,160,112)
```
#a1a967
```
#a1a967 rgb(161,169,103)
```
#a8b25e
```
#a8b25e rgb(168,178,94)
```
#afbb55
```
#afbb55 rgb(175,187,85)
```
#b5c54b
```
#b5c54b rgb(181,197,75)
```
#bcce42
```
#bcce42 rgb(188,206,66)
```
#c3d739
```
#c3d739 rgb(195,215,57)
```
#cae030
```
#cae030 rgb(202,224,48)
```
#d1e927
```
#d1e927 rgb(209,233,39)
```
#d8f21e
```
#d8f21e rgb(216,242,30)
```
#dffb15
```
#dffb15 rgb(223,251,21)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c6caa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d737 Protanopia 1% of men
#ffcf81 Deuteranopia 1% of men
#ded3e2 Tritanopia 0.001% of the population

Trichromacy

#e2da35 Protanomaly 1% of men, 0.01% of women
#ebd564 Deuteranomaly 6% of men, 0.4% of women
#d6d7a1 Tritanomaly 0.01% of the population

#cae030 hex color

#cae030 Color Information

#cae030 Color Conversion

Color Schemes with #cae030

Alternatives to #cae030

#cae030 Preview

Shades and Tints of #cae030

Tones of #cae030

Color Blindness Simulator