#ccb874 hex color

In a RGB color space, hex #ccb874 is composed of 80% red, 72.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 43.1% yellow and 20% black. It has a hue angle of 46.4 degrees, a saturation of 46.3% and a lightness of 62.7%. #ccb874 color hex could be obtained by blending #ffffe8 with #997100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 72
- B 45
RGB color chart
- C 0
- M 10
- Y 43
- K 20
CMYK color chart

● #ccb874 color description : Slightly desaturated yellow.

The hexadecimal color #ccb874 has RGB values of R:204, G:184, B:116 and CMYK values of C:0, M:0.1, Y:0.43, K:0.2. Its decimal value is 13416564.

Hex triplet	ccb874	`#ccb874`
RGB Decimal	204, 184, 116	`rgb(204,184,116)`
RGB Percent	80, 72.2, 45.5	`rgb(80%,72.2%,45.5%)`
CMYK	0, 10, 43, 20
HSL	46.4°, 46.3, 62.7	`hsl(46.4,46.3%,62.7%)`
HSV (or HSB)	46.4°, 43.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.064, -2.26, 37.074
XYZ	45.195, 48.38, 23.48
xyY	0.386, 0.413, 48.38
CIE-LCH	75.064, 37.142, 93.488
CIE-LUV	75.064, 16.618, 48.011
Hunter-Lab	69.556, -5.741, 28.675
Binary	11001100, 10111000, 01110100

#ccb874
```
#ccb874 rgb(204,184,116)
```
#7488cc
```
#7488cc rgb(116,136,204)
```

Complementary Color

#cc8c74
```
#cc8c74 rgb(204,140,116)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#b4cc74
```
#b4cc74 rgb(180,204,116)
```

Analogous Color

#8c74cc
```
#8c74cc rgb(140,116,204)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#74b4cc
```
#74b4cc rgb(116,180,204)
```

Split Complementary Color

#b874cc
```
#b874cc rgb(184,116,204)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#74ccb8
```
#74ccb8 rgb(116,204,184)
```

Triadic Color

#cc7488
```
#cc7488 rgb(204,116,136)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#74ccb8
```
#74ccb8 rgb(116,204,184)
```
#7488cc
```
#7488cc rgb(116,136,204)
```

Tetradic Color

#b29941
```
#b29941 rgb(178,153,65)
```
#bea54f
```
#bea54f rgb(190,165,79)
```
#c5ae61
```
#c5ae61 rgb(197,174,97)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#d3c287
```
#d3c287 rgb(211,194,135)
```
#dacb99
```
#dacb99 rgb(218,203,153)
```
#e1d5ac
```
#e1d5ac rgb(225,213,172)
```

Monochromatic Color

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

#cca274
```
#cca274 rgb(204,162,116)
```
#cca974
```
#cca974 rgb(204,169,116)
```
#ccb174
```
#ccb174 rgb(204,177,116)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#ccbf74
```
#ccbf74 rgb(204,191,116)
```
#ccc774
```
#ccc774 rgb(204,199,116)
```
#cacc74
```
#cacc74 rgb(202,204,116)
```

Similar Colors

Text with hexadecimal color #ccb874

This text has a font color of #ccb874.

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

#ccb874 background color

This paragraph has a background color of #ccb874.

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

#ccb874 border color

This element has a border color of #ccb874.

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

CSS codes

.text {color:#ccb874;}

.background {background-color:#ccb874;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#131007
```
#131007 rgb(19,16,7)
```
#211c0c
```
#211c0c rgb(33,28,12)
```
#302911
```
#302911 rgb(48,41,17)
```
#3e3517
```
#3e3517 rgb(62,53,23)
```
#4c411c
```
#4c411c rgb(76,65,28)
```
#5b4e21
```
#5b4e21 rgb(91,78,33)
```
#695a27
```
#695a27 rgb(105,90,39)
```
#77662c
```
#77662c rgb(119,102,44)
```
#867231
```
#867231 rgb(134,114,49)
```
#947f36
```
#947f36 rgb(148,127,54)
```
#a28b3c
```
#a28b3c rgb(162,139,60)
```
#b19741
```
#b19741 rgb(177,151,65)
```

Shade Color Variation

#bca249
```
#bca249 rgb(188,162,73)
```
#c1a957
```
#c1a957 rgb(193,169,87)
```
#c7b166
```
#c7b166 rgb(199,177,102)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#d1bf82
```
#d1bf82 rgb(209,191,130)
```
#d7c791
```
#d7c791 rgb(215,199,145)
```
#dcce9f
```
#dcce9f rgb(220,206,159)
```
#e1d5ad
```
#e1d5ad rgb(225,213,173)
```
#e6ddbc
```
#e6ddbc rgb(230,221,188)
```
#ece4ca
```
#ece4ca rgb(236,228,202)
```
#f1ebd8
```
#f1ebd8 rgb(241,235,216)
```
#f6f3e7
```
#f6f3e7 rgb(246,243,231)
```
#fbfaf5
```
#fbfaf5 rgb(251,250,245)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a7a499
```
#a7a499 rgb(167,164,153)
```
#afa891
```
#afa891 rgb(175,168,145)
```
#b6ac8a
```
#b6ac8a rgb(182,172,138)
```
#bdb083
```
#bdb083 rgb(189,176,131)
```
#c5b47b
```
#c5b47b rgb(197,180,123)
```
#ccb874
```
#ccb874 rgb(204,184,116)
```
#d3bc6d
```
#d3bc6d rgb(211,188,109)
```
#dbc065
```
#dbc065 rgb(219,192,101)
```
#e2c45e
```
#e2c45e rgb(226,196,94)
```
#e9c857
```
#e9c857 rgb(233,200,87)
```
#f1cc4f
```
#f1cc4f rgb(241,204,79)
```
#f8d048
```
#f8d048 rgb(248,208,72)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bab6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbc7b Protanopia 1% of men
#e1b47d Deuteranopia 1% of men
#d6b3bf Tritanopia 0.001% of the population

Trichromacy

#ccba78 Protanomaly 1% of men, 0.01% of women
#d9b579 Deuteranomaly 6% of men, 0.4% of women
#d2b4a4 Tritanomaly 0.01% of the population

#ccb874 hex color

#ccb874 Color Information

#ccb874 Color Conversion

Color Schemes with #ccb874

Alternatives to #ccb874

#ccb874 Preview

Shades and Tints of #ccb874

Tones of #ccb874

Color Blindness Simulator