#ccbd72 hex color

In a RGB color space, hex #ccbd72 is composed of 80% red, 74.1% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 44.1% yellow and 20% black. It has a hue angle of 50 degrees, a saturation of 46.9% and a lightness of 62.4%. #ccbd72 color hex could be obtained by blending #ffffe4 with #997b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 74
- B 45
RGB color chart
- C 0
- M 7
- Y 44
- K 20
CMYK color chart

● #ccbd72 color description : Slightly desaturated yellow.

The hexadecimal color #ccbd72 has RGB values of R:204, G:189, B:114 and CMYK values of C:0, M:0.07, Y:0.44, K:0.2. Its decimal value is 13417842.

Hex triplet	ccbd72	`#ccbd72`
RGB Decimal	204, 189, 114	`rgb(204,189,114)`
RGB Percent	80, 74.1, 44.7	`rgb(80%,74.1%,44.7%)`
CMYK	0, 7, 44, 20
HSL	50°, 46.9, 62.4	`hsl(50,46.9%,62.4%)`
HSV (or HSB)	50°, 44.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.344, -5.082, 39.713
XYZ	46.136, 50.448, 23.226
xyY	0.385, 0.421, 50.448
CIE-LCH	76.344, 40.037, 97.292
CIE-LUV	76.344, 13.561, 51.633
Hunter-Lab	71.027, -8.351, 30.331
Binary	11001100, 10111101, 01110010

#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#7281cc
```
#7281cc rgb(114,129,204)
```

Complementary Color

#cc9072
```
#cc9072 rgb(204,144,114)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#aecc72
```
#aecc72 rgb(174,204,114)
```

Analogous Color

#9072cc
```
#9072cc rgb(144,114,204)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#72aecc
```
#72aecc rgb(114,174,204)
```

Split Complementary Color

#bd72cc
```
#bd72cc rgb(189,114,204)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#72ccbd
```
#72ccbd rgb(114,204,189)
```

Triadic Color

#cc7281
```
#cc7281 rgb(204,114,129)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#72ccbd
```
#72ccbd rgb(114,204,189)
```
#7281cc
```
#7281cc rgb(114,129,204)
```

Tetradic Color

#b19e40
```
#b19e40 rgb(177,158,64)
```
#beab4d
```
#beab4d rgb(190,171,77)
```
#c5b45f
```
#c5b45f rgb(197,180,95)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#d3c685
```
#d3c685 rgb(211,198,133)
```
#dacf97
```
#dacf97 rgb(218,207,151)
```
#e0d7aa
```
#e0d7aa rgb(224,215,170)
```

Monochromatic Color

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

#cca772
```
#cca772 rgb(204,167,114)
```
#ccae72
```
#ccae72 rgb(204,174,114)
```
#ccb672
```
#ccb672 rgb(204,182,114)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#ccc572
```
#ccc572 rgb(204,197,114)
```
#cccc72
```
#cccc72 rgb(204,204,114)
```
#c5cc72
```
#c5cc72 rgb(197,204,114)
```

Similar Colors

Text with hexadecimal color #ccbd72

This text has a font color of #ccbd72.

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

#ccbd72 background color

This paragraph has a background color of #ccbd72.

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

#ccbd72 border color

This element has a border color of #ccbd72.

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

CSS codes

.text {color:#ccbd72;}

.background {background-color:#ccbd72;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111006
```
#111006 rgb(17,16,6)
```
#201c0c
```
#201c0c rgb(32,28,12)
```
#2e2911
```
#2e2911 rgb(46,41,17)
```
#3d3616
```
#3d3616 rgb(61,54,22)
```
#4b431b
```
#4b431b rgb(75,67,27)
```
#595020
```
#595020 rgb(89,80,32)
```
#685d26
```
#685d26 rgb(104,93,38)
```
#766a2b
```
#766a2b rgb(118,106,43)
```
#857730
```
#857730 rgb(133,119,48)
```
#938335
```
#938335 rgb(147,131,53)
```
#a2903a
```
#a2903a rgb(162,144,58)
```
#b09d40
```
#b09d40 rgb(176,157,64)
```

Shade Color Variation

#bca947
```
#bca947 rgb(188,169,71)
```
#c2b055
```
#c2b055 rgb(194,176,85)
```
#c7b664
```
#c7b664 rgb(199,182,100)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#d1c480
```
#d1c480 rgb(209,196,128)
```
#d6ca8f
```
#d6ca8f rgb(214,202,143)
```
#dcd19d
```
#dcd19d rgb(220,209,157)
```
#e1d8ac
```
#e1d8ac rgb(225,216,172)
```
#e6dfba
```
#e6dfba rgb(230,223,186)
```
#ebe5c8
```
#ebe5c8 rgb(235,229,200)
```
#f0ecd7
```
#f0ecd7 rgb(240,236,215)
```
#f6f3e5
```
#f6f3e5 rgb(246,243,229)
```
#fbfaf4
```
#fbfaf4 rgb(251,250,244)
```

Tint Color Variation

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

#a09f9e
```
#a09f9e rgb(160,159,158)
```
#a7a497
```
#a7a497 rgb(167,164,151)
```
#aea990
```
#aea990 rgb(174,169,144)
```
#b6ae88
```
#b6ae88 rgb(182,174,136)
```
#bdb381
```
#bdb381 rgb(189,179,129)
```
#c5b879
```
#c5b879 rgb(197,184,121)
```
#ccbd72
```
#ccbd72 rgb(204,189,114)
```
#d3c26b
```
#d3c26b rgb(211,194,107)
```
#dbc763
```
#dbc763 rgb(219,199,99)
```
#e2cc5c
```
#e2cc5c rgb(226,204,92)
```
#ead154
```
#ead154 rgb(234,209,84)
```
#f1d64d
```
#f1d64d rgb(241,214,77)
```
#f8db46
```
#f8db46 rgb(248,219,70)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdbaab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bf79 Protanopia 1% of men
#e5b77c Deuteranopia 1% of men
#d7b7c4 Tritanopia 0.001% of the population

Trichromacy

#cfbe76 Protanomaly 1% of men, 0.01% of women
#dcb978 Deuteranomaly 6% of men, 0.4% of women
#d3b9a6 Tritanomaly 0.01% of the population

#ccbd72 hex color

#ccbd72 Color Information

#ccbd72 Color Conversion

Color Schemes with #ccbd72

Alternatives to #ccbd72

#ccbd72 Preview

Shades and Tints of #ccbd72

Tones of #ccbd72

Color Blindness Simulator