#ccca31 hex color

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

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

● #ccca31 color description : Strong yellow.

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

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

CIE-LAB	79.214, -16.209, 70.66
XYZ	46.577, 55.301, 11.126
xyY	0.412, 0.489, 55.301
CIE-LCH	79.214, 72.495, 102.92
CIE-LUV	79.214, 7.221, 81.266
Hunter-Lab	74.365, -18.338, 43.184
Binary	11001100, 11001010, 00110001

#ccca31
```
#ccca31 rgb(204,202,49)
```
#3133cc
```
#3133cc rgb(49,51,204)
```

Complementary Color

#cc7d31
```
#cc7d31 rgb(204,125,49)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#81cc31
```
#81cc31 rgb(129,204,49)
```

Analogous Color

#7d31cc
```
#7d31cc rgb(125,49,204)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#3181cc
```
#3181cc rgb(49,129,204)
```

Split Complementary Color

#ca31cc
```
#ca31cc rgb(202,49,204)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#31ccca
```
#31ccca rgb(49,204,202)
```

Triadic Color

#cc3133
```
#cc3133 rgb(204,49,51)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#31ccca
```
#31ccca rgb(49,204,202)
```
#3133cc
```
#3133cc rgb(49,51,204)
```

Tetradic Color

#8e8d22
```
#8e8d22 rgb(142,141,34)
```
#a3a127
```
#a3a127 rgb(163,161,39)
```
#b7b62c
```
#b7b62c rgb(183,182,44)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#d2d044
```
#d2d044 rgb(210,208,68)
```
#d7d559
```
#d7d559 rgb(215,213,89)
```
#dcdb6d
```
#dcdb6d rgb(220,219,109)
```

Monochromatic Color

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

#cca331
```
#cca331 rgb(204,163,49)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#ccbd31
```
#ccbd31 rgb(204,189,49)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#c1cc31
```
#c1cc31 rgb(193,204,49)
```
#b4cc31
```
#b4cc31 rgb(180,204,49)
```
#a7cc31
```
#a7cc31 rgb(167,204,49)
```

Similar Colors

Text with hexadecimal color #ccca31

This text has a font color of #ccca31.

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

#ccca31 background color

This paragraph has a background color of #ccca31.

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

#ccca31 border color

This element has a border color of #ccca31.

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

CSS codes

.text {color:#ccca31;}

.background {background-color:#ccca31;}

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

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)
```
#2e2d0b
```
#2e2d0b rgb(46,45,11)
```
#3e3d0f
```
#3e3d0f rgb(62,61,15)
```
#4d4d13
```
#4d4d13 rgb(77,77,19)
```
#5d5c16
```
#5d5c16 rgb(93,92,22)
```
#6d6c1a
```
#6d6c1a rgb(109,108,26)
```
#7d7c1e
```
#7d7c1e rgb(125,124,30)
```
#8d8b22
```
#8d8b22 rgb(141,139,34)
```
#9d9b26
```
#9d9b26 rgb(157,155,38)
```
#acab29
```
#acab29 rgb(172,171,41)
```
#bcba2d
```
#bcba2d rgb(188,186,45)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```

Shade Color Variation

#d1cf40
```
#d1cf40 rgb(209,207,64)
```
#d5d34f
```
#d5d34f rgb(213,211,79)
```
#d9d75f
```
#d9d75f rgb(217,215,95)
```
#dcdb6f
```
#dcdb6f rgb(220,219,111)
```
#e0df7f
```
#e0df7f rgb(224,223,127)
```
#e4e38f
```
#e4e38f rgb(228,227,143)
```
#e8e79e
```
#e8e79e rgb(232,231,158)
```
#ecebae
```
#ecebae rgb(236,235,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 #fdf900 is the most saturated one.

#888875
```
#888875 rgb(136,136,117)
```
#92916b
```
#92916b rgb(146,145,107)
```
#9b9b62
```
#9b9b62 rgb(155,155,98)
```
#a5a458
```
#a5a458 rgb(165,164,88)
```
#afae4e
```
#afae4e rgb(175,174,78)
```
#b9b744
```
#b9b744 rgb(185,183,68)
```
#c2c13b
```
#c2c13b rgb(194,193,59)
```
#ccca31
```
#ccca31 rgb(204,202,49)
```
#d6d327
```
#d6d327 rgb(214,211,39)
```
#dfdd1e
```
#dfdd1e rgb(223,221,30)
```
#e9e614
```
#e9e614 rgb(233,230,20)
```
#f3f00a
```
#f3f00a rgb(243,240,10)
```
#fdf900
```
#fdf900 rgb(253,249,0)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdbc9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec73a Protanopia 1% of men
#f7bd43 Deuteranopia 1% of men
#dcbfcd Tritanopia 0.001% of the population

Trichromacy

#d7c836 Protanomaly 1% of men, 0.01% of women
#e7c23c Deuteranomaly 6% of men, 0.4% of women
#d6c394 Tritanomaly 0.01% of the population

#ccca31 hex color

#ccca31 Color Information

#ccca31 Color Conversion

Color Schemes with #ccca31

Alternatives to #ccca31

#ccca31 Preview

Shades and Tints of #ccca31

Tones of #ccca31

Color Blindness Simulator