#ccbb42 hex color

In a RGB color space, hex #ccbb42 is composed of 80% red, 73.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 67.6% yellow and 20% black. It has a hue angle of 52.6 degrees, a saturation of 57.5% and a lightness of 52.9%. #ccbb42 color hex could be obtained by blending #ffff84 with #997700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 73
- B 26
RGB color chart
- C 0
- M 8
- Y 68
- K 20
CMYK color chart

● #ccbb42 color description : Moderate yellow.

The hexadecimal color #ccbb42 has RGB values of R:204, G:187, B:66 and CMYK values of C:0, M:0.08, Y:0.68, K:0.2. Its decimal value is 13417282.

Hex triplet	ccbb42	`#ccbb42`
RGB Decimal	204, 187, 66	`rgb(204,187,66)`
RGB Percent	80, 73.3, 25.9	`rgb(80%,73.3%,25.9%)`
CMYK	0, 8, 68, 20
HSL	52.6°, 57.5, 52.9	`hsl(52.6,57.5%,52.9%)`
HSV (or HSB)	52.6°, 67.6, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.31, -7.798, 60.831
XYZ	43.656, 48.773, 12.268
xyY	0.417, 0.466, 48.773
CIE-LCH	75.31, 61.329, 97.305
CIE-LUV	75.31, 16.839, 70.699
Hunter-Lab	69.837, -10.634, 38.471
Binary	11001100, 10111011, 01000010

#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#4253cc
```
#4253cc rgb(66,83,204)
```

Complementary Color

#cc7642
```
#cc7642 rgb(204,118,66)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#98cc42
```
#98cc42 rgb(152,204,66)
```

Analogous Color

#7642cc
```
#7642cc rgb(118,66,204)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#4298cc
```
#4298cc rgb(66,152,204)
```

Split Complementary Color

#bb42cc
```
#bb42cc rgb(187,66,204)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#42ccbb
```
#42ccbb rgb(66,204,187)
```

Triadic Color

#cc4253
```
#cc4253 rgb(204,66,83)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#42ccbb
```
#42ccbb rgb(66,204,187)
```
#4253cc
```
#4253cc rgb(66,83,204)
```

Tetradic Color

#988b29
```
#988b29 rgb(152,139,41)
```
#ac9d2f
```
#ac9d2f rgb(172,157,47)
```
#c1af34
```
#c1af34 rgb(193,175,52)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#d1c256
```
#d1c256 rgb(209,194,86)
```
#d7c96a
```
#d7c96a rgb(215,201,106)
```
#dcd17e
```
#dcd17e rgb(220,209,126)
```

Monochromatic Color

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

#cc9942
```
#cc9942 rgb(204,153,66)
```
#cca442
```
#cca442 rgb(204,164,66)
```
#ccb042
```
#ccb042 rgb(204,176,66)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#ccc742
```
#ccc742 rgb(204,199,66)
```
#c6cc42
```
#c6cc42 rgb(198,204,66)
```
#bbcc42
```
#bbcc42 rgb(187,204,66)
```

Similar Colors

Text with hexadecimal color #ccbb42

This text has a font color of #ccbb42.

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

#ccbb42 background color

This paragraph has a background color of #ccbb42.

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

#ccbb42 border color

This element has a border color of #ccbb42.

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

CSS codes

.text {color:#ccbb42;}

.background {background-color:#ccbb42;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1b1907
```
#1b1907 rgb(27,25,7)
```
#2b270c
```
#2b270c rgb(43,39,12)
```
#3a3510
```
#3a3510 rgb(58,53,16)
```
#4a4314
```
#4a4314 rgb(74,67,20)
```
#595118
```
#595118 rgb(89,81,24)
```
#685f1c
```
#685f1c rgb(104,95,28)
```
#786d20
```
#786d20 rgb(120,109,32)
```
#877b25
```
#877b25 rgb(135,123,37)
```
#978929
```
#978929 rgb(151,137,41)
```
#a6972d
```
#a6972d rgb(166,151,45)
```
#b6a531
```
#b6a531 rgb(182,165,49)
```
#c5b335
```
#c5b335 rgb(197,179,53)
```

Shade Color Variation

#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#d0c151
```
#d0c151 rgb(208,193,81)
```
#d4c661
```
#d4c661 rgb(212,198,97)
```
#d9cc70
```
#d9cc70 rgb(217,204,112)
```
#ddd180
```
#ddd180 rgb(221,209,128)
```
#e1d78f
```
#e1d78f rgb(225,215,143)
```
#e5dc9f
```
#e5dc9f rgb(229,220,159)
```
#e9e2ae
```
#e9e2ae rgb(233,226,174)
```
#ede7be
```
#ede7be rgb(237,231,190)
```
#f2edcd
```
#f2edcd rgb(242,237,205)
```
#f6f3dc
```
#f6f3dc rgb(246,243,220)
```
#faf8ec
```
#faf8ec rgb(250,248,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#8b8a83
```
#8b8a83 rgb(139,138,131)
```
#959179
```
#959179 rgb(149,145,121)
```
#9e9870
```
#9e9870 rgb(158,152,112)
```
#a79f67
```
#a79f67 rgb(167,159,103)
```
#b0a65e
```
#b0a65e rgb(176,166,94)
```
#baad54
```
#baad54 rgb(186,173,84)
```
#c3b44b
```
#c3b44b rgb(195,180,75)
```
#ccbb42
```
#ccbb42 rgb(204,187,66)
```
#d5c239
```
#d5c239 rgb(213,194,57)
```
#dec930
```
#dec930 rgb(222,201,48)
```
#e8d026
```
#e8d026 rgb(232,208,38)
```
#f1d71d
```
#f1d71d rgb(241,215,29)
```
#fade14
```
#fade14 rgb(250,222,20)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b49c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bd4b Protanopia 1% of men
#e9b44f Deuteranopia 1% of men
#d9b3bf Tritanopia 0.001% of the population

Trichromacy

#cfbc48 Protanomaly 1% of men, 0.01% of women
#deb64a Deuteranomaly 6% of men, 0.4% of women
#d4b591 Tritanomaly 0.01% of the population

#ccbb42 hex color

#ccbb42 Color Information

#ccbb42 Color Conversion

Color Schemes with #ccbb42

Alternatives to #ccbb42

#ccbb42 Preview

Shades and Tints of #ccbb42

Tones of #ccbb42

Color Blindness Simulator