#cacc31 hex color

In a RGB color space, hex #cacc31 is composed of 79.2% red, 80% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 0% magenta, 76% yellow and 20% black. It has a hue angle of 60.8 degrees, a saturation of 61.3% and a lightness of 49.6%. #cacc31 color hex could be obtained by blending #ffff62 with #959900. Closest websafe color is: #cccc33.

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

● #cacc31 color description : Strong yellow.

The hexadecimal color #cacc31 has RGB values of R:202, G:204, B:49 and CMYK values of C:0.01, M:0, Y:0.76, K:0.2. Its decimal value is 13290545.

Hex triplet	cacc31	`#cacc31`
RGB Decimal	202, 204, 49	`rgb(202,204,49)`
RGB Percent	79.2, 80, 19.2	`rgb(79.2%,80%,19.2%)`
CMYK	1, 0, 76, 20
HSL	60.8°, 61.3, 49.6	`hsl(60.8,61.3%,49.6%)`
HSV (or HSB)	60.8°, 76, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.594, -18.049, 70.946
XYZ	46.504, 55.965, 11.258
xyY	0.409, 0.492, 55.965
CIE-LCH	79.594, 73.206, 104.274
CIE-LUV	79.594, 4.561, 82.047
Hunter-Lab	74.81, -19.955, 43.444
Binary	11001010, 11001100, 00110001

#cacc31
```
#cacc31 rgb(202,204,49)
```
#3331cc
```
#3331cc rgb(51,49,204)
```

Complementary Color

#cc8131
```
#cc8131 rgb(204,129,49)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#7dcc31
```
#7dcc31 rgb(125,204,49)
```

Analogous Color

#8131cc
```
#8131cc rgb(129,49,204)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#317dcc
```
#317dcc rgb(49,125,204)
```

Split Complementary Color

#cc31ca
```
#cc31ca rgb(204,49,202)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#31cacc
```
#31cacc rgb(49,202,204)
```

Triadic Color

#cc3331
```
#cc3331 rgb(204,51,49)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#31cacc
```
#31cacc rgb(49,202,204)
```
#3331cc
```
#3331cc rgb(51,49,204)
```

Tetradic Color

#8d8e22
```
#8d8e22 rgb(141,142,34)
```
#a1a327
```
#a1a327 rgb(161,163,39)
```
#b6b72c
```
#b6b72c rgb(182,183,44)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#d0d244
```
#d0d244 rgb(208,210,68)
```
#d5d759
```
#d5d759 rgb(213,215,89)
```
#dbdc6d
```
#dbdc6d rgb(219,220,109)
```

Monochromatic Color

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

#cca731
```
#cca731 rgb(204,167,49)
```
#ccb431
```
#ccb431 rgb(204,180,49)
```
#ccc131
```
#ccc131 rgb(204,193,49)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#bdcc31
```
#bdcc31 rgb(189,204,49)
```
#b0cc31
```
#b0cc31 rgb(176,204,49)
```
#a3cc31
```
#a3cc31 rgb(163,204,49)
```

Similar Colors

Text with hexadecimal color #cacc31

This text has a font color of #cacc31.

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

#cacc31 background color

This paragraph has a background color of #cacc31.

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

#cacc31 border color

This element has a border color of #cacc31.

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

CSS codes

.text {color:#cacc31;}

.background {background-color:#cacc31;}

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

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

#0e0e03
```
#0e0e03 rgb(14,14,3)
```
#1e1e07
```
#1e1e07 rgb(30,30,7)
```
#2d2e0b
```
#2d2e0b rgb(45,46,11)
```
#3d3e0f
```
#3d3e0f rgb(61,62,15)
```
#4d4d13
```
#4d4d13 rgb(77,77,19)
```
#5c5d16
```
#5c5d16 rgb(92,93,22)
```
#6c6d1a
```
#6c6d1a rgb(108,109,26)
```
#7c7d1e
```
#7c7d1e rgb(124,125,30)
```
#8b8d22
```
#8b8d22 rgb(139,141,34)
```
#9b9d26
```
#9b9d26 rgb(155,157,38)
```
#abac29
```
#abac29 rgb(171,172,41)
```
#babc2d
```
#babc2d rgb(186,188,45)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```

Shade Color Variation

#cfd140
```
#cfd140 rgb(207,209,64)
```
#d3d54f
```
#d3d54f rgb(211,213,79)
```
#d7d95f
```
#d7d95f rgb(215,217,95)
```
#dbdc6f
```
#dbdc6f rgb(219,220,111)
```
#dfe07f
```
#dfe07f rgb(223,224,127)
```
#e3e48f
```
#e3e48f rgb(227,228,143)
```
#e7e89e
```
#e7e89e rgb(231,232,158)
```
#ebecae
```
#ebecae rgb(235,236,174)
```
#efefbe
```
#efefbe rgb(239,239,190)
```
#f3f3ce
```
#f3f3ce rgb(243,243,206)
```
#f7f7de
```
#f7f7de rgb(247,247,222)
```
#fbfbee
```
#fbfbee rgb(251,251,238)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#888875
```
#888875 rgb(136,136,117)
```
#91926b
```
#91926b rgb(145,146,107)
```
#9b9b62
```
#9b9b62 rgb(155,155,98)
```
#a4a558
```
#a4a558 rgb(164,165,88)
```
#aeaf4e
```
#aeaf4e rgb(174,175,78)
```
#b7b944
```
#b7b944 rgb(183,185,68)
```
#c1c23b
```
#c1c23b rgb(193,194,59)
```
#cacc31
```
#cacc31 rgb(202,204,49)
```
#d3d627
```
#d3d627 rgb(211,214,39)
```
#dddf1e
```
#dddf1e rgb(221,223,30)
```
#e6e914
```
#e6e914 rgb(230,233,20)
```
#f0f30a
```
#f0f30a rgb(240,243,10)
```
#f9fd00
```
#f9fd00 rgb(249,253,0)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bdbe9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc83a Protanopia 1% of men
#f8be44 Deuteranopia 1% of men
#dac1cf Tritanopia 0.001% of the population

Trichromacy

#d7c936 Protanomaly 1% of men, 0.01% of women
#e7c33d Deuteranomaly 6% of men, 0.4% of women
#d4c595 Tritanomaly 0.01% of the population

#cacc31 hex color

#cacc31 Color Information

#cacc31 Color Conversion

Color Schemes with #cacc31

Alternatives to #cacc31

#cacc31 Preview

Shades and Tints of #cacc31

Tones of #cacc31

Color Blindness Simulator