#ccb674 hex color

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

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

● #ccb674 color description : Slightly desaturated yellow.

The hexadecimal color #ccb674 has RGB values of R:204, G:182, B:116 and CMYK values of C:0, M:0.11, Y:0.43, K:0.2. Its decimal value is 13416052.

Hex triplet	ccb674	`#ccb674`
RGB Decimal	204, 182, 116	`rgb(204,182,116)`
RGB Percent	80, 71.4, 45.5	`rgb(80%,71.4%,45.5%)`
CMYK	0, 11, 43, 20
HSL	45°, 46.3, 62.7	`hsl(45,46.3%,62.7%)`
HSV (or HSB)	45°, 43.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.544, -1.207, 36.411
XYZ	44.782, 47.555, 23.342
xyY	0.387, 0.411, 47.555
CIE-LCH	74.544, 36.431, 91.898
CIE-LUV	74.544, 17.891, 46.983
Hunter-Lab	68.96, -4.765, 28.203
Binary	11001100, 10110110, 01110100

#ccb674
```
#ccb674 rgb(204,182,116)
```
#748acc
```
#748acc rgb(116,138,204)
```

Complementary Color

#cc8a74
```
#cc8a74 rgb(204,138,116)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#b6cc74
```
#b6cc74 rgb(182,204,116)
```

Analogous Color

#8a74cc
```
#8a74cc rgb(138,116,204)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#74b6cc
```
#74b6cc rgb(116,182,204)
```

Split Complementary Color

#b674cc
```
#b674cc rgb(182,116,204)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#74ccb6
```
#74ccb6 rgb(116,204,182)
```

Triadic Color

#cc748a
```
#cc748a rgb(204,116,138)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#74ccb6
```
#74ccb6 rgb(116,204,182)
```
#748acc
```
#748acc rgb(116,138,204)
```

Tetradic Color

#b29641
```
#b29641 rgb(178,150,65)
```
#bea24f
```
#bea24f rgb(190,162,79)
```
#c5ac61
```
#c5ac61 rgb(197,172,97)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#d3c087
```
#d3c087 rgb(211,192,135)
```
#daca99
```
#daca99 rgb(218,202,153)
```
#e1d3ac
```
#e1d3ac rgb(225,211,172)
```

Monochromatic Color

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

#cca074
```
#cca074 rgb(204,160,116)
```
#cca774
```
#cca774 rgb(204,167,116)
```
#ccaf74
```
#ccaf74 rgb(204,175,116)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#ccbd74
```
#ccbd74 rgb(204,189,116)
```
#ccc574
```
#ccc574 rgb(204,197,116)
```
#cccc74
```
#cccc74 rgb(204,204,116)
```

Similar Colors

Text with hexadecimal color #ccb674

This text has a font color of #ccb674.

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

#ccb674 background color

This paragraph has a background color of #ccb674.

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

#ccb674 border color

This element has a border color of #ccb674.

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

CSS codes

.text {color:#ccb674;}

.background {background-color:#ccb674;}

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

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)
```
#302811
```
#302811 rgb(48,40,17)
```
#3e3417
```
#3e3417 rgb(62,52,23)
```
#4c401c
```
#4c401c rgb(76,64,28)
```
#5b4c21
```
#5b4c21 rgb(91,76,33)
```
#695827
```
#695827 rgb(105,88,39)
```
#77642c
```
#77642c rgb(119,100,44)
```
#867131
```
#867131 rgb(134,113,49)
```
#947d36
```
#947d36 rgb(148,125,54)
```
#a2893c
```
#a2893c rgb(162,137,60)
```
#b19541
```
#b19541 rgb(177,149,65)
```

Shade Color Variation

#bc9f49
```
#bc9f49 rgb(188,159,73)
```
#c1a757
```
#c1a757 rgb(193,167,87)
```
#c7ae66
```
#c7ae66 rgb(199,174,102)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#d1be82
```
#d1be82 rgb(209,190,130)
```
#d7c591
```
#d7c591 rgb(215,197,145)
```
#dccd9f
```
#dccd9f rgb(220,205,159)
```
#e1d4ad
```
#e1d4ad rgb(225,212,173)
```
#e6dcbc
```
#e6dcbc rgb(230,220,188)
```
#ece3ca
```
#ece3ca rgb(236,227,202)
```
#f1ebd8
```
#f1ebd8 rgb(241,235,216)
```
#f6f2e7
```
#f6f2e7 rgb(246,242,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 #f8cc48 is the most saturated one.

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a7a499
```
#a7a499 rgb(167,164,153)
```
#afa791
```
#afa791 rgb(175,167,145)
```
#b6ab8a
```
#b6ab8a rgb(182,171,138)
```
#bdaf83
```
#bdaf83 rgb(189,175,131)
```
#c5b27b
```
#c5b27b rgb(197,178,123)
```
#ccb674
```
#ccb674 rgb(204,182,116)
```
#d3ba6d
```
#d3ba6d rgb(211,186,109)
```
#dbbd65
```
#dbbd65 rgb(219,189,101)
```
#e2c15e
```
#e2c15e rgb(226,193,94)
```
#e9c557
```
#e9c557 rgb(233,197,87)
```
#f1c84f
```
#f1c84f rgb(241,200,79)
```
#f8cc48
```
#f8cc48 rgb(248,204,72)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabb7b Protanopia 1% of men
#dfb37d Deuteranopia 1% of men
#d6b1bd Tritanopia 0.001% of the population

Trichromacy

#cbb978 Protanomaly 1% of men, 0.01% of women
#d8b479 Deuteranomaly 6% of men, 0.4% of women
#d2b3a3 Tritanomaly 0.01% of the population

#ccb674 hex color

#ccb674 Color Information

#ccb674 Color Conversion

Color Schemes with #ccb674

Alternatives to #ccb674

#ccb674 Preview

Shades and Tints of #ccb674

Tones of #ccb674

Color Blindness Simulator