#cacf31 hex color

In a RGB color space, hex #cacf31 is composed of 79.2% red, 81.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 76.3% yellow and 18.8% black. It has a hue angle of 61.9 degrees, a saturation of 62.2% and a lightness of 50.2%. #cacf31 color hex could be obtained by blending #ffff62 with #959f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 79
- G 81
- B 19
RGB color chart
- C 2
- M 0
- Y 76
- K 19
CMYK color chart

● #cacf31 color description : Strong yellow.

The hexadecimal color #cacf31 has RGB values of R:202, G:207, B:49 and CMYK values of C:0.02, M:0, Y:0.76, K:0.19. Its decimal value is 13291313.

Hex triplet	cacf31	`#cacf31`
RGB Decimal	202, 207, 49	`rgb(202,207,49)`
RGB Percent	79.2, 81.2, 19.2	`rgb(79.2%,81.2%,19.2%)`
CMYK	2, 0, 76, 19
HSL	61.9°, 62.2, 50.2	`hsl(61.9,62.2%,50.2%)`
HSV (or HSB)	61.9°, 76.3, 81.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.407, -19.53, 71.685
XYZ	47.224, 57.405, 11.498
xyY	0.407, 0.494, 57.405
CIE-LCH	80.407, 74.298, 105.24
CIE-LUV	80.407, 2.635, 83.264
Hunter-Lab	75.766, -21.332, 44.038
Binary	11001010, 11001111, 00110001

#cacf31
```
#cacf31 rgb(202,207,49)
```
#3631cf
```
#3631cf rgb(54,49,207)
```

Complementary Color

#cf8531
```
#cf8531 rgb(207,133,49)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#7bcf31
```
#7bcf31 rgb(123,207,49)
```

Analogous Color

#8531cf
```
#8531cf rgb(133,49,207)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#317bcf
```
#317bcf rgb(49,123,207)
```

Split Complementary Color

#cf31ca
```
#cf31ca rgb(207,49,202)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#31cacf
```
#31cacf rgb(49,202,207)
```

Triadic Color

#cf3631
```
#cf3631 rgb(207,54,49)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#31cacf
```
#31cacf rgb(49,202,207)
```
#3631cf
```
#3631cf rgb(54,49,207)
```

Tetradic Color

#8e9222
```
#8e9222 rgb(142,146,34)
```
#a2a627
```
#a2a627 rgb(162,166,39)
```
#b6bb2c
```
#b6bb2c rgb(182,187,44)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#cfd446
```
#cfd446 rgb(207,212,70)
```
#d5d95a
```
#d5d95a rgb(213,217,90)
```
#dadd6f
```
#dadd6f rgb(218,221,111)
```

Monochromatic Color

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

#cfad31
```
#cfad31 rgb(207,173,49)
```
#cfba31
```
#cfba31 rgb(207,186,49)
```
#cfc731
```
#cfc731 rgb(207,199,49)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#bdcf31
```
#bdcf31 rgb(189,207,49)
```
#b0cf31
```
#b0cf31 rgb(176,207,49)
```
#a3cf31
```
#a3cf31 rgb(163,207,49)
```

Similar Colors

Text with hexadecimal color #cacf31

This text has a font color of #cacf31.

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

#cacf31 background color

This paragraph has a background color of #cacf31.

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

#cacf31 border color

This element has a border color of #cacf31.

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

CSS codes

.text {color:#cacf31;}

.background {background-color:#cacf31;}

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

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, #010100 is the darkest color, while #fbfbf0 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#101104
```
#101104 rgb(16,17,4)
```
#202108
```
#202108 rgb(32,33,8)
```
#2f310b
```
#2f310b rgb(47,49,11)
```
#3f400f
```
#3f400f rgb(63,64,15)
```
#4e5013
```
#4e5013 rgb(78,80,19)
```
#5e6016
```
#5e6016 rgb(94,96,22)
```
#6d701a
```
#6d701a rgb(109,112,26)
```
#7d801e
```
#7d801e rgb(125,128,30)
```
#8c9022
```
#8c9022 rgb(140,144,34)
```
#9ca025
```
#9ca025 rgb(156,160,37)
```
#acb029
```
#acb029 rgb(172,176,41)
```
#bbc02d
```
#bbc02d rgb(187,192,45)
```

Shade Color Variation

#cacf31
```
#cacf31 rgb(202,207,49)
```
#ced341
```
#ced341 rgb(206,211,65)
```
#d2d651
```
#d2d651 rgb(210,214,81)
```
#d6da61
```
#d6da61 rgb(214,218,97)
```
#dade71
```
#dade71 rgb(218,222,113)
```
#dee281
```
#dee281 rgb(222,226,129)
```
#e3e590
```
#e3e590 rgb(227,229,144)
```
#e7e9a0
```
#e7e9a0 rgb(231,233,160)
```
#ebedb0
```
#ebedb0 rgb(235,237,176)
```
#eff0c0
```
#eff0c0 rgb(239,240,192)
```
#f3f4d0
```
#f3f4d0 rgb(243,244,208)
```
#f7f8e0
```
#f7f8e0 rgb(247,248,224)
```
#fbfbf0
```
#fbfbf0 rgb(251,251,240)
```

Tint Color Variation

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

#81817f
```
#81817f rgb(129,129,127)
```
#8a8b75
```
#8a8b75 rgb(138,139,117)
```
#93946c
```
#93946c rgb(147,148,108)
```
#9c9e62
```
#9c9e62 rgb(156,158,98)
```
#a5a858
```
#a5a858 rgb(165,168,88)
```
#afb24e
```
#afb24e rgb(175,178,78)
```
#b8bb45
```
#b8bb45 rgb(184,187,69)
```
#c1c53b
```
#c1c53b rgb(193,197,59)
```
#cacf31
```
#cacf31 rgb(202,207,49)
```
#d3d927
```
#d3d927 rgb(211,217,39)
```
#dce31d
```
#dce31d rgb(220,227,29)
```
#e5ec14
```
#e5ec14 rgb(229,236,20)
```
#eff60a
```
#eff60a rgb(239,246,10)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebf9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca39 Protanopia 1% of men
#fbc044 Deuteranopia 1% of men
#dbc4d2 Tritanopia 0.001% of the population

Trichromacy

#d9cc36 Protanomaly 1% of men, 0.01% of women
#e9c63d Deuteranomaly 6% of men, 0.4% of women
#d4c897 Tritanomaly 0.01% of the population

#cacf31 hex color

#cacf31 Color Information

#cacf31 Color Conversion

Color Schemes with #cacf31

Alternatives to #cacf31

#cacf31 Preview

Shades and Tints of #cacf31

Tones of #cacf31

Color Blindness Simulator