#ccb031 hex color

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

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

● #ccb031 color description : Strong yellow.

The hexadecimal color #ccb031 has RGB values of R:204, G:176, B:49 and CMYK values of C:0, M:0.14, Y:0.76, K:0.2. Its decimal value is 13414449.

Hex triplet	ccb031	`#ccb031`
RGB Decimal	204, 176, 49	`rgb(204,176,49)`
RGB Percent	80, 69, 19.2	`rgb(80%,69%,19.2%)`
CMYK	0, 14, 76, 20
HSL	49.2°, 61.3, 49.6	`hsl(49.2,61.3%,49.6%)`
HSV (or HSB)	49.2°, 76, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.303, -2.88, 64.29
XYZ	40.982, 44.111, 9.261
xyY	0.434, 0.468, 44.111
CIE-LCH	72.303, 64.354, 92.565
CIE-LUV	72.303, 24.988, 70.662
Hunter-Lab	66.416, -6.086, 38.224
Binary	11001100, 10110000, 00110001

#ccb031
```
#ccb031 rgb(204,176,49)
```
#314dcc
```
#314dcc rgb(49,77,204)
```

Complementary Color

#cc6331
```
#cc6331 rgb(204,99,49)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#9bcc31
```
#9bcc31 rgb(155,204,49)
```

Analogous Color

#6331cc
```
#6331cc rgb(99,49,204)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#319bcc
```
#319bcc rgb(49,155,204)
```

Split Complementary Color

#b031cc
```
#b031cc rgb(176,49,204)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#31ccb0
```
#31ccb0 rgb(49,204,176)
```

Triadic Color

#cc314d
```
#cc314d rgb(204,49,77)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#31ccb0
```
#31ccb0 rgb(49,204,176)
```
#314dcc
```
#314dcc rgb(49,77,204)
```

Tetradic Color

#8e7b22
```
#8e7b22 rgb(142,123,34)
```
#a38d27
```
#a38d27 rgb(163,141,39)
```
#b79e2c
```
#b79e2c rgb(183,158,44)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#d2b944
```
#d2b944 rgb(210,185,68)
```
#d7c059
```
#d7c059 rgb(215,192,89)
```
#dcc86d
```
#dcc86d rgb(220,200,109)
```

Monochromatic Color

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

#cc8931
```
#cc8931 rgb(204,137,49)
```
#cc9631
```
#cc9631 rgb(204,150,49)
```
#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)
```

Similar Colors

Text with hexadecimal color #ccb031

This text has a font color of #ccb031.

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

#ccb031 background color

This paragraph has a background color of #ccb031.

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

#ccb031 border color

This element has a border color of #ccb031.

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

CSS codes

.text {color:#ccb031;}

.background {background-color:#ccb031;}

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

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

#0e0c03
```
#0e0c03 rgb(14,12,3)
```
#1e1a07
```
#1e1a07 rgb(30,26,7)
```
#2e280b
```
#2e280b rgb(46,40,11)
```
#3e350f
```
#3e350f rgb(62,53,15)
```
#4d4313
```
#4d4313 rgb(77,67,19)
```
#5d5016
```
#5d5016 rgb(93,80,22)
```
#6d5e1a
```
#6d5e1a rgb(109,94,26)
```
#7d6c1e
```
#7d6c1e rgb(125,108,30)
```
#8d7922
```
#8d7922 rgb(141,121,34)
```
#9d8726
```
#9d8726 rgb(157,135,38)
```
#ac9529
```
#ac9529 rgb(172,149,41)
```
#bca22d
```
#bca22d rgb(188,162,45)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```

Shade Color Variation

#d1b740
```
#d1b740 rgb(209,183,64)
```
#d5bd4f
```
#d5bd4f rgb(213,189,79)
```
#d9c35f
```
#d9c35f rgb(217,195,95)
```
#dcc96f
```
#dcc96f rgb(220,201,111)
```
#e0cf7f
```
#e0cf7f rgb(224,207,127)
```
#e4d58f
```
#e4d58f rgb(228,213,143)
```
#e8db9e
```
#e8db9e rgb(232,219,158)
```
#ece1ae
```
#ece1ae rgb(236,225,174)
```
#efe7be
```
#efe7be rgb(239,231,190)
```
#f3ecce
```
#f3ecce rgb(243,236,206)
```
#f7f2de
```
#f7f2de rgb(247,242,222)
```
#fbf8ee
```
#fbf8ee rgb(251,248,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#888475
```
#888475 rgb(136,132,117)
```
#928b6b
```
#928b6b rgb(146,139,107)
```
#9b9162
```
#9b9162 rgb(155,145,98)
```
#a59758
```
#a59758 rgb(165,151,88)
```
#af9d4e
```
#af9d4e rgb(175,157,78)
```
#b9a444
```
#b9a444 rgb(185,164,68)
```
#c2aa3b
```
#c2aa3b rgb(194,170,59)
```
#ccb031
```
#ccb031 rgb(204,176,49)
```
#d6b627
```
#d6b627 rgb(214,182,39)
```
#dfbc1e
```
#dfbc1e rgb(223,188,30)
```
#e9c314
```
#e9c314 rgb(233,195,20)
```
#f3c90a
```
#f3c90a rgb(243,201,10)
```
#fdcf00
```
#fdcf00 rgb(253,207,0)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b1ab92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab53c Protanopia 1% of men
#e0ac3f Deuteranopia 1% of men
#d8a8b4 Tritanopia 0.001% of the population

Trichromacy

#cab338 Protanomaly 1% of men, 0.01% of women
#d9ad3a Deuteranomaly 6% of men, 0.4% of women
#d3ab84 Tritanomaly 0.01% of the population

#ccb031 hex color

#ccb031 Color Information

#ccb031 Color Conversion

Color Schemes with #ccb031

Alternatives to #ccb031

#ccb031 Preview

Shades and Tints of #ccb031

Tones of #ccb031

Color Blindness Simulator