#ccbb0b hex color

In a RGB color space, hex #ccbb0b is composed of 80% red, 73.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 94.6% yellow and 20% black. It has a hue angle of 54.7 degrees, a saturation of 89.8% and a lightness of 42.2%. #ccbb0b color hex could be obtained by blending #ffff16 with #997700. Closest websafe color is: #cccc00.

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

● #ccbb0b color description : Strong yellow.

The hexadecimal color #ccbb0b has RGB values of R:204, G:187, B:11 and CMYK values of C:0, M:0.08, Y:0.95, K:0.2. Its decimal value is 13417227.

Hex triplet	ccbb0b	`#ccbb0b`
RGB Decimal	204, 187, 11	`rgb(204,187,11)`
RGB Percent	80, 73.3, 4.3	`rgb(80%,73.3%,4.3%)`
CMYK	0, 8, 95, 20
HSL	54.7°, 89.8, 42.2	`hsl(54.7,89.8%,42.2%)`
HSV (or HSB)	54.7°, 94.6, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.079, -9.54, 75.383
XYZ	42.733, 48.403, 7.409
xyY	0.434, 0.491, 48.403
CIE-LCH	75.079, 75.984, 97.213
CIE-LUV	75.079, 17.816, 80.416
Hunter-Lab	69.573, -12.114, 42.387
Binary	11001100, 10111011, 00001011

#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#0b1ccc
```
#0b1ccc rgb(11,28,204)
```

Complementary Color

#cc5b0b
```
#cc5b0b rgb(204,91,11)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#7dcc0b
```
#7dcc0b rgb(125,204,11)
```

Analogous Color

#5b0bcc
```
#5b0bcc rgb(91,11,204)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#0b7dcc
```
#0b7dcc rgb(11,125,204)
```

Split Complementary Color

#bb0bcc
```
#bb0bcc rgb(187,11,204)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#0bccbb
```
#0bccbb rgb(11,204,187)
```

Triadic Color

#cc0b1c
```
#cc0b1c rgb(204,11,28)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#0bccbb
```
#0bccbb rgb(11,204,187)
```
#0b1ccc
```
#0b1ccc rgb(11,28,204)
```

Tetradic Color

#837807
```
#837807 rgb(131,120,7)
```
#9c8f08
```
#9c8f08 rgb(156,143,8)
```
#b4a50a
```
#b4a50a rgb(180,165,10)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#e4d10c
```
#e4d10c rgb(228,209,12)
```
#f3df17
```
#f3df17 rgb(243,223,23)
```
#f4e330
```
#f4e330 rgb(244,227,48)
```

Monochromatic Color

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

#cc8b0b
```
#cc8b0b rgb(204,139,11)
```
#cc9b0b
```
#cc9b0b rgb(204,155,11)
```
#ccab0b
```
#ccab0b rgb(204,171,11)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#cccb0b
```
#cccb0b rgb(204,203,11)
```
#bdcc0b
```
#bdcc0b rgb(189,204,11)
```
#adcc0b
```
#adcc0b rgb(173,204,11)
```

Similar Colors

Text with hexadecimal color #ccbb0b

This text has a font color of #ccbb0b.

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

#ccbb0b background color

This paragraph has a background color of #ccbb0b.

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

#ccbb0b border color

This element has a border color of #ccbb0b.

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

CSS codes

.text {color:#ccbb0b;}

.background {background-color:#ccbb0b;}

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

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

#121001
```
#121001 rgb(18,16,1)
```
#242102
```
#242102 rgb(36,33,2)
```
#373303
```
#373303 rgb(55,51,3)
```
#4a4404
```
#4a4404 rgb(74,68,4)
```
#5c5505
```
#5c5505 rgb(92,85,5)
```
#6f6606
```
#6f6606 rgb(111,102,6)
```
#827707
```
#827707 rgb(130,119,7)
```
#948808
```
#948808 rgb(148,136,8)
```
#a79909
```
#a79909 rgb(167,153,9)
```
#b9aa0a
```
#b9aa0a rgb(185,170,10)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#dfcc0c
```
#dfcc0c rgb(223,204,12)
```
#f1dd0d
```
#f1dd0d rgb(241,221,13)
```

Shade Color Variation

#f3e01f
```
#f3e01f rgb(243,224,31)
```
#f4e332
```
#f4e332 rgb(244,227,50)
```
#f5e544
```
#f5e544 rgb(245,229,68)
```
#f6e857
```
#f6e857 rgb(246,232,87)
```
#f7ea69
```
#f7ea69 rgb(247,234,105)
```
#f8ed7c
```
#f8ed7c rgb(248,237,124)
```
#f9f08f
```
#f9f08f rgb(249,240,143)
```
#faf2a1
```
#faf2a1 rgb(250,242,161)
```
#fbf5b4
```
#fbf5b4 rgb(251,245,180)
```
#fcf7c6
```
#fcf7c6 rgb(252,247,198)
```
#fdfad9
```
#fdfad9 rgb(253,250,217)
```
#fefcec
```
#fefcec rgb(254,252,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#717066
```
#717066 rgb(113,112,102)
```
#79775e
```
#79775e rgb(121,119,94)
```
#827e55
```
#827e55 rgb(130,126,85)
```
#8a854d
```
#8a854d rgb(138,133,77)
```
#928b45
```
#928b45 rgb(146,139,69)
```
#9a923d
```
#9a923d rgb(154,146,61)
```
#a39934
```
#a39934 rgb(163,153,52)
```
#aba02c
```
#aba02c rgb(171,160,44)
```
#b3a724
```
#b3a724 rgb(179,167,36)
```
#bbad1c
```
#bbad1c rgb(187,173,28)
```
#c4b413
```
#c4b413 rgb(196,180,19)
```
#ccbb0b
```
#ccbb0b rgb(204,187,11)
```
#d4c203
```
#d4c203 rgb(212,194,3)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2af8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bc16 Protanopia 1% of men
#ebb324 Deuteranopia 1% of men
#dab1be Tritanopia 0.001% of the population

Trichromacy

#d0bc12 Protanomaly 1% of men, 0.01% of women
#e0b61b Deuteranomaly 6% of men, 0.4% of women
#d5b57d Tritanomaly 0.01% of the population

#ccbb0b hex color

#ccbb0b Color Information

#ccbb0b Color Conversion

Color Schemes with #ccbb0b

Alternatives to #ccbb0b

#ccbb0b Preview

Shades and Tints of #ccbb0b

Tones of #ccbb0b

Color Blindness Simulator