colorhexa.com

#caed31 hex color

In a RGB color space, hex #caed31 is composed of 79.2% red, 92.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 0% magenta, 79.3% yellow and 7.1% black. It has a hue angle of 71.2 degrees, a saturation of 83.9% and a lightness of 56.1%. #caed31 color hex could be obtained by blending #ffff62 with #95db00. Closest websafe color is: #ccff33.

- R 79
- G 93
- B 19
RGB color chart
- C 15
- M 0
- Y 79
- K 7
CMYK color chart

● #caed31 color description : Bright yellow.

The hexadecimal color #caed31 has RGB values of R:202, G:237, B:49 and CMYK values of C:0.15, M:0, Y:0.79, K:0.07. Its decimal value is 13298993.

Hex triplet	caed31	`#caed31`
RGB Decimal	202, 237, 49	`rgb(202,237,49)`
RGB Percent	79.2, 92.9, 19.2	`rgb(79.2%,92.9%,19.2%)`
CMYK	15, 0, 79, 7
HSL	71.2°, 83.9, 56.1	`hsl(71.2,83.9%,56.1%)`
HSV (or HSB)	71.2°, 79.3, 92.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.613, -33.768, 79.05
XYZ	55.195, 73.346, 14.155
xyY	0.387, 0.514, 73.346
CIE-LCH	88.613, 85.96, 113.131
CIE-LUV	88.613, -15.582, 95.321
Hunter-Lab	85.643, -34.834, 50.15
Binary	11001010, 11101101, 00110001

#caed31
```
#caed31 rgb(202,237,49)
```
#5431ed
```
#5431ed rgb(84,49,237)
```

Complementary Color

#edb231
```
#edb231 rgb(237,178,49)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#6ced31
```
#6ced31 rgb(108,237,49)
```

Analogous Color

#b231ed
```
#b231ed rgb(178,49,237)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#316ced
```
#316ced rgb(49,108,237)
```

Split Complementary Color

#ed31ca
```
#ed31ca rgb(237,49,202)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#31caed
```
#31caed rgb(49,202,237)
```

Triadic Color

#ed5431
```
#ed5431 rgb(237,84,49)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#31caed
```
#31caed rgb(49,202,237)
```
#5431ed
```
#5431ed rgb(84,49,237)
```

Tetradic Color

#a0c111
```
#a0c111 rgb(160,193,17)
```
#b3d813
```
#b3d813 rgb(179,216,19)
```
#c4eb1a
```
#c4eb1a rgb(196,235,26)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#d0ef48
```
#d0ef48 rgb(208,239,72)
```
#d6f160
```
#d6f160 rgb(214,241,96)
```
#dcf377
```
#dcf377 rgb(220,243,119)
```

Monochromatic Color

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

#ede131
```
#ede131 rgb(237,225,49)
```
#e9ed31
```
#e9ed31 rgb(233,237,49)
```
#daed31
```
#daed31 rgb(218,237,49)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#baed31
```
#baed31 rgb(186,237,49)
```
#abed31
```
#abed31 rgb(171,237,49)
```
#9bed31
```
#9bed31 rgb(155,237,49)
```

Similar Colors

Text with hexadecimal color #caed31

This text has a font color of #caed31.

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

#caed31 background color

This paragraph has a background color of #caed31.

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

#caed31 border color

This element has a border color of #caed31.

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

CSS codes

.text {color:#caed31;}

.background {background-color:#caed31;}

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

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

#090a01
```
#090a01 rgb(9,10,1)
```
#181d02
```
#181d02 rgb(24,29,2)
```
#272f04
```
#272f04 rgb(39,47,4)
```
#364106
```
#364106 rgb(54,65,6)
```
#455307
```
#455307 rgb(69,83,7)
```
#546509
```
#546509 rgb(84,101,9)
```
#63770a
```
#63770a rgb(99,119,10)
```
#72890c
```
#72890c rgb(114,137,12)
```
#809b0e
```
#809b0e rgb(128,155,14)
```
#8fad0f
```
#8fad0f rgb(143,173,15)
```
#9ebf11
```
#9ebf11 rgb(158,191,17)
```
#add112
```
#add112 rgb(173,209,18)
```
#bce314
```
#bce314 rgb(188,227,20)
```

Shade Color Variation

#c5eb1f
```
#c5eb1f rgb(197,235,31)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#cfef43
```
#cfef43 rgb(207,239,67)
```
#d3f055
```
#d3f055 rgb(211,240,85)
```
#d8f267
```
#d8f267 rgb(216,242,103)
```
#ddf379
```
#ddf379 rgb(221,243,121)
```
#e1f58b
```
#e1f58b rgb(225,245,139)
```
#e6f69d
```
#e6f69d rgb(230,246,157)
```
#eaf8af
```
#eaf8af rgb(234,248,175)
```
#effac1
```
#effac1 rgb(239,250,193)
```
#f4fbd3
```
#f4fbd3 rgb(244,251,211)
```
#f8fde5
```
#f8fde5 rgb(248,253,229)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#949787
```
#949787 rgb(148,151,135)
```
#999f7f
```
#999f7f rgb(153,159,127)
```
#9fa876
```
#9fa876 rgb(159,168,118)
```
#a4b16d
```
#a4b16d rgb(164,177,109)
```
#aab965
```
#aab965 rgb(170,185,101)
```
#afc25c
```
#afc25c rgb(175,194,92)
```
#b4cb53
```
#b4cb53 rgb(180,203,83)
```
#bad34b
```
#bad34b rgb(186,211,75)
```
#bfdc42
```
#bfdc42 rgb(191,220,66)
```
#c5e43a
```
#c5e43a rgb(197,228,58)
```
#caed31
```
#caed31 rgb(202,237,49)
```
#cff628
```
#cff628 rgb(207,246,40)
```
#d5fe20
```
#d5fe20 rgb(213,254,32)
```

Tone Color Variation

Below, you can see how #caed31 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
#ccd3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae038 Protanopia 1% of men
#ffdaa8 Deuteranopia 1% of men
#e0deee Tritanopia 0.001% of the population

Trichromacy

#e9e535 Protanomaly 1% of men, 0.01% of women
#ebe17d Deuteranomaly 6% of men, 0.4% of women
#d8e3a9 Tritanomaly 0.01% of the population