#ccb973 hex color

In a RGB color space, hex #ccb973 is composed of 80% red, 72.5% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 43.6% yellow and 20% black. It has a hue angle of 47.2 degrees, a saturation of 46.6% and a lightness of 62.5%. #ccb973 color hex could be obtained by blending #ffffe6 with #997300. Closest websafe color is: #cccc66.

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

● #ccb973 color description : Slightly desaturated yellow.

The hexadecimal color #ccb973 has RGB values of R:204, G:185, B:115 and CMYK values of C:0, M:0.09, Y:0.44, K:0.2. Its decimal value is 13416819.

Hex triplet	ccb973	`#ccb973`
RGB Decimal	204, 185, 115	`rgb(204,185,115)`
RGB Percent	80, 72.5, 45.1	`rgb(80%,72.5%,45.1%)`
CMYK	0, 9, 44, 20
HSL	47.2°, 46.6, 62.5	`hsl(47.2,46.6%,62.5%)`
HSV (or HSB)	47.2°, 43.6, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.311, -2.889, 37.9
XYZ	45.345, 48.774, 23.245
xyY	0.386, 0.416, 48.774
CIE-LCH	75.311, 38.01, 94.359
CIE-LUV	75.311, 16.039, 49.064
Hunter-Lab	69.839, -6.32, 29.153
Binary	11001100, 10111001, 01110011

#ccb973
```
#ccb973 rgb(204,185,115)
```
#7386cc
```
#7386cc rgb(115,134,204)
```

Complementary Color

#cc8d73
```
#cc8d73 rgb(204,141,115)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#b3cc73
```
#b3cc73 rgb(179,204,115)
```

Analogous Color

#8d73cc
```
#8d73cc rgb(141,115,204)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#73b3cc
```
#73b3cc rgb(115,179,204)
```

Split Complementary Color

#b973cc
```
#b973cc rgb(185,115,204)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#73ccb9
```
#73ccb9 rgb(115,204,185)
```

Triadic Color

#cc7386
```
#cc7386 rgb(204,115,134)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#73ccb9
```
#73ccb9 rgb(115,204,185)
```
#7386cc
```
#7386cc rgb(115,134,204)
```

Tetradic Color

#b29a41
```
#b29a41 rgb(178,154,65)
```
#bea64e
```
#bea64e rgb(190,166,78)
```
#c5b060
```
#c5b060 rgb(197,176,96)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#d3c286
```
#d3c286 rgb(211,194,134)
```
#dacc98
```
#dacc98 rgb(218,204,152)
```
#e0d5ab
```
#e0d5ab rgb(224,213,171)
```

Monochromatic Color

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

#cca373
```
#cca373 rgb(204,163,115)
```
#ccaa73
```
#ccaa73 rgb(204,170,115)
```
#ccb273
```
#ccb273 rgb(204,178,115)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#ccc073
```
#ccc073 rgb(204,192,115)
```
#ccc873
```
#ccc873 rgb(204,200,115)
```
#c9cc73
```
#c9cc73 rgb(201,204,115)
```

Similar Colors

Text with hexadecimal color #ccb973

This text has a font color of #ccb973.

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

#ccb973 background color

This paragraph has a background color of #ccb973.

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

#ccb973 border color

This element has a border color of #ccb973.

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

CSS codes

.text {color:#ccb973;}

.background {background-color:#ccb973;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#121007
```
#121007 rgb(18,16,7)
```
#211c0c
```
#211c0c rgb(33,28,12)
```
#2f2911
```
#2f2911 rgb(47,41,17)
```
#3d3516
```
#3d3516 rgb(61,53,22)
```
#4c411c
```
#4c411c rgb(76,65,28)
```
#5a4e21
```
#5a4e21 rgb(90,78,33)
```
#685a26
```
#685a26 rgb(104,90,38)
```
#77672b
```
#77672b rgb(119,103,43)
```
#857331
```
#857331 rgb(133,115,49)
```
#948036
```
#948036 rgb(148,128,54)
```
#a28c3b
```
#a28c3b rgb(162,140,59)
```
#b09840
```
#b09840 rgb(176,152,64)
```

Shade Color Variation

#bca348
```
#bca348 rgb(188,163,72)
```
#c2ab56
```
#c2ab56 rgb(194,171,86)
```
#c7b265
```
#c7b265 rgb(199,178,101)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#d1c081
```
#d1c081 rgb(209,192,129)
```
#d6c790
```
#d6c790 rgb(214,199,144)
```
#dccf9e
```
#dccf9e rgb(220,207,158)
```
#e1d6ad
```
#e1d6ad rgb(225,214,173)
```
#e6ddbb
```
#e6ddbb rgb(230,221,187)
```
#ebe4c9
```
#ebe4c9 rgb(235,228,201)
```
#f1ebd8
```
#f1ebd8 rgb(241,235,216)
```
#f6f3e6
```
#f6f3e6 rgb(246,243,230)
```
#fbfaf4
```
#fbfaf4 rgb(251,250,244)
```

Tint Color Variation

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

#a0a09f
```
#a0a09f rgb(160,160,159)
```
#a7a498
```
#a7a498 rgb(167,164,152)
```
#afa890
```
#afa890 rgb(175,168,144)
```
#b6ac89
```
#b6ac89 rgb(182,172,137)
```
#bdb182
```
#bdb182 rgb(189,177,130)
```
#c5b57a
```
#c5b57a rgb(197,181,122)
```
#ccb973
```
#ccb973 rgb(204,185,115)
```
#d3bd6c
```
#d3bd6c rgb(211,189,108)
```
#dbc164
```
#dbc164 rgb(219,193,100)
```
#e2c65d
```
#e2c65d rgb(226,198,93)
```
#e9ca56
```
#e9ca56 rgb(233,202,86)
```
#f1ce4e
```
#f1ce4e rgb(241,206,78)
```
#f8d247
```
#f8d247 rgb(248,210,71)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbd7a Protanopia 1% of men
#e2b57c Deuteranopia 1% of men
#d6b3c0 Tritanopia 0.001% of the population

Trichromacy

#ccbb77 Protanomaly 1% of men, 0.01% of women
#dab679 Deuteranomaly 6% of men, 0.4% of women
#d2b5a4 Tritanomaly 0.01% of the population

#ccb973 hex color

#ccb973 Color Information

#ccb973 Color Conversion

Color Schemes with #ccb973

Alternatives to #ccb973

#ccb973 Preview

Shades and Tints of #ccb973

Tones of #ccb973

Color Blindness Simulator