#ccb43c hex color

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

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

● #ccb43c color description : Moderate yellow.

The hexadecimal color #ccb43c has RGB values of R:204, G:180, B:60 and CMYK values of C:0, M:0.12, Y:0.71, K:0.2. Its decimal value is 13415484.

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

CIE-LAB	73.42, -4.477, 61.302
XYZ	42.039, 45.808, 10.902
xyY	0.426, 0.464, 45.808
CIE-LCH	73.42, 61.465, 94.177
CIE-LUV	73.42, 21.837, 69.483
Hunter-Lab	67.681, -7.57, 37.826
Binary	11001100, 10110100, 00111100

#ccb43c
```
#ccb43c rgb(204,180,60)
```
#3c54cc
```
#3c54cc rgb(60,84,204)
```

Complementary Color

#cc6c3c
```
#cc6c3c rgb(204,108,60)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#9ccc3c
```
#9ccc3c rgb(156,204,60)
```

Analogous Color

#6c3ccc
```
#6c3ccc rgb(108,60,204)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#3c9ccc
```
#3c9ccc rgb(60,156,204)
```

Split Complementary Color

#b43ccc
```
#b43ccc rgb(180,60,204)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#3cccb4
```
#3cccb4 rgb(60,204,180)
```

Triadic Color

#cc3c54
```
#cc3c54 rgb(204,60,84)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#3cccb4
```
#3cccb4 rgb(60,204,180)
```
#3c54cc
```
#3c54cc rgb(60,84,204)
```

Tetradic Color

#958227
```
#958227 rgb(149,130,39)
```
#a9942c
```
#a9942c rgb(169,148,44)
```
#bda631
```
#bda631 rgb(189,166,49)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#d1bc50
```
#d1bc50 rgb(209,188,80)
```
#d7c464
```
#d7c464 rgb(215,196,100)
```
#dccb79
```
#dccb79 rgb(220,203,121)
```

Monochromatic Color

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

#cc903c
```
#cc903c rgb(204,144,60)
```
#cc9c3c
```
#cc9c3c rgb(204,156,60)
```
#cca83c
```
#cca83c rgb(204,168,60)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#ccc03c
```
#ccc03c rgb(204,192,60)
```
#cccc3c
```
#cccc3c rgb(204,204,60)
```
#c0cc3c
```
#c0cc3c rgb(192,204,60)
```

Similar Colors

Text with hexadecimal color #ccb43c

This text has a font color of #ccb43c.

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

#ccb43c background color

This paragraph has a background color of #ccb43c.

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

#ccb43c border color

This element has a border color of #ccb43c.

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

CSS codes

.text {color:#ccb43c;}

.background {background-color:#ccb43c;}

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

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)
```
#554a16
```
#554a16 rgb(85,74,22)
```
#64581a
```
#64581a rgb(100,88,26)
```
#74661e
```
#74661e rgb(116,102,30)
```
#847322
```
#847322 rgb(132,115,34)
```
#938126
```
#938126 rgb(147,129,38)
```
#a38f2b
```
#a38f2b rgb(163,143,43)
```
#b29c2f
```
#b29c2f rgb(178,156,47)
```
#c2aa33
```
#c2aa33 rgb(194,170,51)
```

Shade Color Variation

#ccb43c
```
#ccb43c rgb(204,180,60)
```
#d0ba4c
```
#d0ba4c rgb(208,186,76)
```
#d4c05b
```
#d4c05b rgb(212,192,91)
```
#d8c66b
```
#d8c66b rgb(216,198,107)
```
#dccc7a
```
#dccc7a rgb(220,204,122)
```
#e0d28a
```
#e0d28a rgb(224,210,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 #fbd40d is the most saturated one.

#8a887e
```
#8a887e rgb(138,136,126)
```
#938e75
```
#938e75 rgb(147,142,117)
```
#9d946b
```
#9d946b rgb(157,148,107)
```
#a69b62
```
#a69b62 rgb(166,155,98)
```
#b0a158
```
#b0a158 rgb(176,161,88)
```
#b9a74f
```
#b9a74f rgb(185,167,79)
```
#c3ae45
```
#c3ae45 rgb(195,174,69)
```
#ccb43c
```
#ccb43c rgb(204,180,60)
```
#d5ba33
```
#d5ba33 rgb(213,186,51)
```
#dfc129
```
#dfc129 rgb(223,193,41)
```
#e8c720
```
#e8c720 rgb(232,199,32)
```
#f2cd16
```
#f2cd16 rgb(242,205,22)
```
#fbd40d
```
#fbd40d rgb(251,212,13)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b3ae96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb846 Protanopia 1% of men
#e3af49 Deuteranopia 1% of men
#d8acb8 Tritanopia 0.001% of the population

Trichromacy

#ccb642 Protanomaly 1% of men, 0.01% of women
#dbb144 Deuteranomaly 6% of men, 0.4% of women
#d4af8b Tritanomaly 0.01% of the population

#ccb43c hex color

#ccb43c Color Information

#ccb43c Color Conversion

Color Schemes with #ccb43c

Alternatives to #ccb43c

#ccb43c Preview

Shades and Tints of #ccb43c

Tones of #ccb43c

Color Blindness Simulator