#ccbc2d hex color

In a RGB color space, hex #ccbc2d is composed of 80% red, 73.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 77.9% yellow and 20% black. It has a hue angle of 54 degrees, a saturation of 63.9% and a lightness of 48.8%. #ccbc2d color hex could be obtained by blending #ffff5a with #997900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 74
- B 18
RGB color chart
- C 0
- M 8
- Y 78
- K 20
CMYK color chart

● #ccbc2d color description : Strong yellow.

The hexadecimal color #ccbc2d has RGB values of R:204, G:188, B:45 and CMYK values of C:0, M:0.08, Y:0.78, K:0.2. Its decimal value is 13417517.

Hex triplet	ccbc2d	`#ccbc2d`
RGB Decimal	204, 188, 45	`rgb(204,188,45)`
RGB Percent	80, 73.7, 17.6	`rgb(80%,73.7%,17.6%)`
CMYK	0, 8, 78, 20
HSL	54°, 63.9, 48.8	`hsl(54,63.9%,48.8%)`
HSV (or HSB)	54°, 77.9, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.448, -9.27, 68.482
XYZ	43.359, 48.995, 9.655
xyY	0.425, 0.48, 48.995
CIE-LCH	75.448, 69.106, 97.709
CIE-LUV	75.448, 16.684, 76.412
Hunter-Lab	69.996, -11.921, 40.819
Binary	11001100, 10111100, 00101101

#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#2d3dcc
```
#2d3dcc rgb(45,61,204)
```

Complementary Color

#cc6d2d
```
#cc6d2d rgb(204,109,45)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#8dcc2d
```
#8dcc2d rgb(141,204,45)
```

Analogous Color

#6d2dcc
```
#6d2dcc rgb(109,45,204)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#2d8dcc
```
#2d8dcc rgb(45,141,204)
```

Split Complementary Color

#bc2dcc
```
#bc2dcc rgb(188,45,204)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#2dccbc
```
#2dccbc rgb(45,204,188)
```

Triadic Color

#cc2d3d
```
#cc2d3d rgb(204,45,61)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#2dccbc
```
#2dccbc rgb(45,204,188)
```
#2d3dcc
```
#2d3dcc rgb(45,61,204)
```

Tetradic Color

#8d821f
```
#8d821f rgb(141,130,31)
```
#a29524
```
#a29524 rgb(162,149,36)
```
#b7a928
```
#b7a928 rgb(183,169,40)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#d4c53e
```
#d4c53e rgb(212,197,62)
```
#d9cc53
```
#d9cc53 rgb(217,204,83)
```
#ded268
```
#ded268 rgb(222,210,104)
```

Monochromatic Color

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

#cc942d
```
#cc942d rgb(204,148,45)
```
#cca22d
```
#cca22d rgb(204,162,45)
```
#ccaf2d
```
#ccaf2d rgb(204,175,45)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#ccc92d
```
#ccc92d rgb(204,201,45)
```
#c2cc2d
```
#c2cc2d rgb(194,204,45)
```
#b4cc2d
```
#b4cc2d rgb(180,204,45)
```

Similar Colors

Text with hexadecimal color #ccbc2d

This text has a font color of #ccbc2d.

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

#ccbc2d background color

This paragraph has a background color of #ccbc2d.

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

#ccbc2d border color

This element has a border color of #ccbc2d.

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

CSS codes

.text {color:#ccbc2d;}

.background {background-color:#ccbc2d;}

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

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

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1b1906
```
#1b1906 rgb(27,25,6)
```
#2b280a
```
#2b280a rgb(43,40,10)
```
#3b370d
```
#3b370d rgb(59,55,13)
```
#4b4611
```
#4b4611 rgb(75,70,17)
```
#5c5414
```
#5c5414 rgb(92,84,20)
```
#6c6318
```
#6c6318 rgb(108,99,24)
```
#7c721b
```
#7c721b rgb(124,114,27)
```
#8c811f
```
#8c811f rgb(140,129,31)
```
#9c9022
```
#9c9022 rgb(156,144,34)
```
#ac9e26
```
#ac9e26 rgb(172,158,38)
```
#bcad29
```
#bcad29 rgb(188,173,41)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```

Shade Color Variation

#d3c439
```
#d3c439 rgb(211,196,57)
```
#d7c949
```
#d7c949 rgb(215,201,73)
```
#dacd59
```
#dacd59 rgb(218,205,89)
```
#ded269
```
#ded269 rgb(222,210,105)
```
#e2d77a
```
#e2d77a rgb(226,215,122)
```
#e5dc8a
```
#e5dc8a rgb(229,220,138)
```
#e9e19a
```
#e9e19a rgb(233,225,154)
```
#ece6aa
```
#ece6aa rgb(236,230,170)
```
#f0eaba
```
#f0eaba rgb(240,234,186)
```
#f3efca
```
#f3efca rgb(243,239,202)
```
#f7f4da
```
#f7f4da rgb(247,244,218)
```
#faf9ea
```
#faf9ea rgb(250,249,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#7f7f7a
```
#7f7f7a rgb(127,127,122)
```
#898670
```
#898670 rgb(137,134,112)
```
#938e66
```
#938e66 rgb(147,142,102)
```
#9c965d
```
#9c965d rgb(156,150,93)
```
#a69d53
```
#a69d53 rgb(166,157,83)
```
#afa54a
```
#afa54a rgb(175,165,74)
```
#b9ad40
```
#b9ad40 rgb(185,173,64)
```
#c2b437
```
#c2b437 rgb(194,180,55)
```
#ccbc2d
```
#ccbc2d rgb(204,188,45)
```
#d6c423
```
#d6c423 rgb(214,196,35)
```
#dfcb1a
```
#dfcb1a rgb(223,203,26)
```
#e9d310
```
#e9d310 rgb(233,211,16)
```
#f2db07
```
#f2db07 rgb(242,219,7)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b6b296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd37 Protanopia 1% of men
#ebb43d Deuteranopia 1% of men
#dab3bf Tritanopia 0.001% of the population

Trichromacy

#d0bd33 Protanomaly 1% of men, 0.01% of women
#dfb737 Deuteranomaly 6% of men, 0.4% of women
#d5b68a Tritanomaly 0.01% of the population

#ccbc2d hex color

#ccbc2d Color Information

#ccbc2d Color Conversion

Color Schemes with #ccbc2d

Alternatives to #ccbc2d

#ccbc2d Preview

Shades and Tints of #ccbc2d

Tones of #ccbc2d

Color Blindness Simulator