#ccb53c hex color

In a RGB color space, hex #ccb53c is composed of 80% red, 71% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 70.6% yellow and 20% black. It has a hue angle of 50.4 degrees, a saturation of 58.5% and a lightness of 51.8%. #ccb53c color hex could be obtained by blending #ffff78 with #996b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 71
- B 24
RGB color chart
- C 0
- M 11
- Y 71
- K 20
CMYK color chart

● #ccb53c color description : Moderate yellow.

The hexadecimal color #ccb53c has RGB values of R:204, G:181, B:60 and CMYK values of C:0, M:0.11, Y:0.71, K:0.2. Its decimal value is 13415740.

Hex triplet	ccb53c	`#ccb53c`
RGB Decimal	204, 181, 60	`rgb(204,181,60)`
RGB Percent	80, 71, 23.5	`rgb(80%,71%,23.5%)`
CMYK	0, 11, 71, 20
HSL	50.4°, 58.5, 51.8	`hsl(50.4,58.5%,51.8%)`
HSV (or HSB)	50.4°, 70.6, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.683, -4.999, 61.564
XYZ	42.242, 46.213, 10.97
xyY	0.425, 0.465, 46.213
CIE-LCH	73.683, 61.767, 94.642
CIE-LUV	73.683, 21.141, 69.905
Hunter-Lab	67.98, -8.048, 38.019
Binary	11001100, 10110101, 00111100

#ccb53c
```
#ccb53c rgb(204,181,60)
```
#3c53cc
```
#3c53cc rgb(60,83,204)
```

Complementary Color

#cc6d3c
```
#cc6d3c rgb(204,109,60)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#9bcc3c
```
#9bcc3c rgb(155,204,60)
```

Analogous Color

#6d3ccc
```
#6d3ccc rgb(109,60,204)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#3c9bcc
```
#3c9bcc rgb(60,155,204)
```

Split Complementary Color

#b53ccc
```
#b53ccc rgb(181,60,204)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#3cccb5
```
#3cccb5 rgb(60,204,181)
```

Triadic Color

#cc3c53
```
#cc3c53 rgb(204,60,83)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#3cccb5
```
#3cccb5 rgb(60,204,181)
```
#3c53cc
```
#3c53cc rgb(60,83,204)
```

Tetradic Color

#958327
```
#958327 rgb(149,131,39)
```
#a9952c
```
#a9952c rgb(169,149,44)
```
#bda731
```
#bda731 rgb(189,167,49)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#d1bd50
```
#d1bd50 rgb(209,189,80)
```
#d7c464
```
#d7c464 rgb(215,196,100)
```
#dccc79
```
#dccc79 rgb(220,204,121)
```

Monochromatic Color

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

#cc913c
```
#cc913c rgb(204,145,60)
```
#cc9d3c
```
#cc9d3c rgb(204,157,60)
```
#cca93c
```
#cca93c rgb(204,169,60)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#ccc13c
```
#ccc13c rgb(204,193,60)
```
#cbcc3c
```
#cbcc3c rgb(203,204,60)
```
#bfcc3c
```
#bfcc3c rgb(191,204,60)
```

Similar Colors

Text with hexadecimal color #ccb53c

This text has a font color of #ccb53c.

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

#ccb53c background color

This paragraph has a background color of #ccb53c.

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

#ccb53c border color

This element has a border color of #ccb53c.

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

CSS codes

.text {color:#ccb53c;}

.background {background-color:#ccb53c;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#171406
```
#171406 rgb(23,20,6)
```
#26220a
```
#26220a rgb(38,34,10)
```
#362f0e
```
#362f0e rgb(54,47,14)
```
#453d12
```
#453d12 rgb(69,61,18)
```
#554b16
```
#554b16 rgb(85,75,22)
```
#64591a
```
#64591a rgb(100,89,26)
```
#74661e
```
#74661e rgb(116,102,30)
```
#847422
```
#847422 rgb(132,116,34)
```
#938226
```
#938226 rgb(147,130,38)
```
#a38f2b
```
#a38f2b rgb(163,143,43)
```
#b29d2f
```
#b29d2f rgb(178,157,47)
```
#c2ab33
```
#c2ab33 rgb(194,171,51)
```

Shade Color Variation

#ccb53c
```
#ccb53c rgb(204,181,60)
```
#d0bb4c
```
#d0bb4c rgb(208,187,76)
```
#d4c15b
```
#d4c15b rgb(212,193,91)
```
#d8c76b
```
#d8c76b rgb(216,199,107)
```
#dccd7a
```
#dccd7a rgb(220,205,122)
```
#e0d38a
```
#e0d38a rgb(224,211,138)
```
#e4d899
```
#e4d899 rgb(228,216,153)
```
#e8dea9
```
#e8dea9 rgb(232,222,169)
```
#ede4b8
```
#ede4b8 rgb(237,228,184)
```
#f1eac8
```
#f1eac8 rgb(241,234,200)
```
#f5f0d7
```
#f5f0d7 rgb(245,240,215)
```
#f9f6e7
```
#f9f6e7 rgb(249,246,231)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#8a887e
```
#8a887e rgb(138,136,126)
```
#938e75
```
#938e75 rgb(147,142,117)
```
#9d956b
```
#9d956b rgb(157,149,107)
```
#a69b62
```
#a69b62 rgb(166,155,98)
```
#b0a258
```
#b0a258 rgb(176,162,88)
```
#b9a84f
```
#b9a84f rgb(185,168,79)
```
#c3af45
```
#c3af45 rgb(195,175,69)
```
#ccb53c
```
#ccb53c rgb(204,181,60)
```
#d5bb33
```
#d5bb33 rgb(213,187,51)
```
#dfc229
```
#dfc229 rgb(223,194,41)
```
#e8c820
```
#e8c820 rgb(232,200,32)
```
#f2cf16
```
#f2cf16 rgb(242,207,22)
```
#fbd50d
```
#fbd50d rgb(251,213,13)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4af97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb946 Protanopia 1% of men
#e4b049 Deuteranopia 1% of men
#d8adb9 Tritanopia 0.001% of the population

Trichromacy

#cdb742 Protanomaly 1% of men, 0.01% of women
#dbb244 Deuteranomaly 6% of men, 0.4% of women
#d4b08c Tritanomaly 0.01% of the population

#ccb53c hex color

#ccb53c Color Information

#ccb53c Color Conversion

Color Schemes with #ccb53c

Alternatives to #ccb53c

#ccb53c Preview

Shades and Tints of #ccb53c

Tones of #ccb53c

Color Blindness Simulator