#caef31 hex color

In a RGB color space, hex #caef31 is composed of 79.2% red, 93.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 79.5% yellow and 6.3% black. It has a hue angle of 71.7 degrees, a saturation of 85.6% and a lightness of 56.5%. #caef31 color hex could be obtained by blending #ffff62 with #95df00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 94
- B 19
RGB color chart
- C 15
- M 0
- Y 79
- K 6
CMYK color chart

● #caef31 color description : Bright yellow.

The hexadecimal color #caef31 has RGB values of R:202, G:239, B:49 and CMYK values of C:0.15, M:0, Y:0.79, K:0.06. Its decimal value is 13299505.

Hex triplet	caef31	`#caef31`
RGB Decimal	202, 239, 49	`rgb(202,239,49)`
RGB Percent	79.2, 93.7, 19.2	`rgb(79.2%,93.7%,19.2%)`
CMYK	15, 0, 79, 6
HSL	71.7°, 85.6, 56.5	`hsl(71.7,85.6%,56.5%)`
HSV (or HSB)	71.7°, 79.5, 93.7
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.163, -34.68, 79.539
XYZ	55.777, 74.511, 14.349
xyY	0.386, 0.515, 74.511
CIE-LCH	89.163, 86.77, 113.558
CIE-LUV	89.163, -16.732, 96.116
Hunter-Lab	86.32, -35.718, 50.568
Binary	11001010, 11101111, 00110001

#caef31
```
#caef31 rgb(202,239,49)
```
#5631ef
```
#5631ef rgb(86,49,239)
```

Complementary Color

#efb531
```
#efb531 rgb(239,181,49)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#6bef31
```
#6bef31 rgb(107,239,49)
```

Analogous Color

#b531ef
```
#b531ef rgb(181,49,239)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#316bef
```
#316bef rgb(49,107,239)
```

Split Complementary Color

#ef31ca
```
#ef31ca rgb(239,49,202)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#31caef
```
#31caef rgb(49,202,239)
```

Triadic Color

#ef5631
```
#ef5631 rgb(239,86,49)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#31caef
```
#31caef rgb(49,202,239)
```
#5631ef
```
#5631ef rgb(86,49,239)
```

Tetradic Color

#a1c40f
```
#a1c40f rgb(161,196,15)
```
#b4dc11
```
#b4dc11 rgb(180,220,17)
```
#c4ed19
```
#c4ed19 rgb(196,237,25)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#d0f149
```
#d0f149 rgb(208,241,73)
```
#d6f360
```
#d6f360 rgb(214,243,96)
```
#dcf578
```
#dcf578 rgb(220,245,120)
```

Monochromatic Color

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

#efe531
```
#efe531 rgb(239,229,49)
```
#eaef31
```
#eaef31 rgb(234,239,49)
```
#daef31
```
#daef31 rgb(218,239,49)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#baef31
```
#baef31 rgb(186,239,49)
```
#aaef31
```
#aaef31 rgb(170,239,49)
```
#9bef31
```
#9bef31 rgb(155,239,49)
```

Similar Colors

Text with hexadecimal color #caef31

This text has a font color of #caef31.

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

#caef31 background color

This paragraph has a background color of #caef31.

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

#caef31 border color

This element has a border color of #caef31.

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

CSS codes

.text {color:#caef31;}

.background {background-color:#caef31;}

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

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

#0a0c01
```
#0a0c01 rgb(10,12,1)
```
#191f02
```
#191f02 rgb(25,31,2)
```
#283104
```
#283104 rgb(40,49,4)
```
#374305
```
#374305 rgb(55,67,5)
```
#465507
```
#465507 rgb(70,85,7)
```
#556708
```
#556708 rgb(85,103,8)
```
#647a09
```
#647a09 rgb(100,122,9)
```
#738c0b
```
#738c0b rgb(115,140,11)
```
#829e0c
```
#829e0c rgb(130,158,12)
```
#91b00e
```
#91b00e rgb(145,176,14)
```
#a0c20f
```
#a0c20f rgb(160,194,15)
```
#aed511
```
#aed511 rgb(174,213,17)
```
#bde712
```
#bde712 rgb(189,231,18)
```

Shade Color Variation

#c5ee1f
```
#c5ee1f rgb(197,238,31)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#cff043
```
#cff043 rgb(207,240,67)
```
#d3f255
```
#d3f255 rgb(211,242,85)
```
#d8f368
```
#d8f368 rgb(216,243,104)
```
#ddf57a
```
#ddf57a rgb(221,245,122)
```
#e1f68c
```
#e1f68c rgb(225,246,140)
```
#e6f79e
```
#e6f79e rgb(230,247,158)
```
#ebf9b0
```
#ebf9b0 rgb(235,249,176)
```
#effac3
```
#effac3 rgb(239,250,195)
```
#f4fcd5
```
#f4fcd5 rgb(244,252,213)
```
#f9fde7
```
#f9fde7 rgb(249,253,231)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#91918f
```
#91918f rgb(145,145,143)
```
#969a86
```
#969a86 rgb(150,154,134)
```
#9ba27e
```
#9ba27e rgb(155,162,126)
```
#a0ab75
```
#a0ab75 rgb(160,171,117)
```
#a6b36d
```
#a6b36d rgb(166,179,109)
```
#abbc64
```
#abbc64 rgb(171,188,100)
```
#b0c45c
```
#b0c45c rgb(176,196,92)
```
#b5cd53
```
#b5cd53 rgb(181,205,83)
```
#bad54b
```
#bad54b rgb(186,213,75)
```
#c0de42
```
#c0de42 rgb(192,222,66)
```
#c5e63a
```
#c5e63a rgb(197,230,58)
```
#caef31
```
#caef31 rgb(202,239,49)
```
#cff828
```
#cff828 rgb(207,248,40)
```

Tone Color Variation

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

Dichromacy

#fce238 Protanopia 1% of men
#ffdcad Deuteranopia 1% of men
#e0e0f0 Tritanopia 0.001% of the population

Trichromacy

#eae635 Protanomaly 1% of men, 0.01% of women
#ebe380 Deuteranomaly 6% of men, 0.4% of women
#d8e5aa Tritanomaly 0.01% of the population

#caef31 hex color

#caef31 Color Information

#caef31 Color Conversion

Color Schemes with #caef31

Alternatives to #caef31

#caef31 Preview

Shades and Tints of #caef31

Tones of #caef31

Color Blindness Simulator