#ccb372 hex color

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

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

● #ccb372 color description : Slightly desaturated orange.

The hexadecimal color #ccb372 has RGB values of R:204, G:179, B:114 and CMYK values of C:0, M:0.12, Y:0.44, K:0.2. Its decimal value is 13415282.

Hex triplet	ccb372	`#ccb372`
RGB Decimal	204, 179, 114	`rgb(204,179,114)`
RGB Percent	80, 70.2, 44.7	`rgb(80%,70.2%,44.7%)`
CMYK	0, 12, 44, 20
HSL	43.3°, 46.9, 62.4	`hsl(43.3,46.9%,62.4%)`
HSV (or HSB)	43.3°, 44.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.736, 0.171, 36.416
XYZ	44.059, 46.294, 22.533
xyY	0.39, 0.41, 46.294
CIE-LCH	73.736, 36.417, 89.731
CIE-LUV	73.736, 19.936, 46.538
Hunter-Lab	68.039, -3.481, 27.992
Binary	11001100, 10110011, 01110010

#ccb372
```
#ccb372 rgb(204,179,114)
```
#728bcc
```
#728bcc rgb(114,139,204)
```

Complementary Color

#cc8672
```
#cc8672 rgb(204,134,114)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#b8cc72
```
#b8cc72 rgb(184,204,114)
```

Analogous Color

#8672cc
```
#8672cc rgb(134,114,204)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#72b8cc
```
#72b8cc rgb(114,184,204)
```

Split Complementary Color

#b372cc
```
#b372cc rgb(179,114,204)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#72ccb3
```
#72ccb3 rgb(114,204,179)
```

Triadic Color

#cc728b
```
#cc728b rgb(204,114,139)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#72ccb3
```
#72ccb3 rgb(114,204,179)
```
#728bcc
```
#728bcc rgb(114,139,204)
```

Tetradic Color

#b19240
```
#b19240 rgb(177,146,64)
```
#be9f4d
```
#be9f4d rgb(190,159,77)
```
#c5a95f
```
#c5a95f rgb(197,169,95)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#d3bd85
```
#d3bd85 rgb(211,189,133)
```
#dac797
```
#dac797 rgb(218,199,151)
```
#e0d1aa
```
#e0d1aa rgb(224,209,170)
```

Monochromatic Color

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

#cc9d72
```
#cc9d72 rgb(204,157,114)
```
#cca472
```
#cca472 rgb(204,164,114)
```
#ccac72
```
#ccac72 rgb(204,172,114)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#ccbb72
```
#ccbb72 rgb(204,187,114)
```
#ccc272
```
#ccc272 rgb(204,194,114)
```
#ccca72
```
#ccca72 rgb(204,202,114)
```

Similar Colors

Text with hexadecimal color #ccb372

This text has a font color of #ccb372.

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

#ccb372 background color

This paragraph has a background color of #ccb372.

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

#ccb372 border color

This element has a border color of #ccb372.

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

CSS codes

.text {color:#ccb372;}

.background {background-color:#ccb372;}

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

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 #fbf9f4 is the lightest one.

#030301
```
#030301 rgb(3,3,1)
```
#110e06
```
#110e06 rgb(17,14,6)
```
#201a0c
```
#201a0c rgb(32,26,12)
```
#2e2611
```
#2e2611 rgb(46,38,17)
```
#3d3216
```
#3d3216 rgb(61,50,22)
```
#4b3e1b
```
#4b3e1b rgb(75,62,27)
```
#594a20
```
#594a20 rgb(89,74,32)
```
#685526
```
#685526 rgb(104,85,38)
```
#76612b
```
#76612b rgb(118,97,43)
```
#856d30
```
#856d30 rgb(133,109,48)
```
#937935
```
#937935 rgb(147,121,53)
```
#a2853a
```
#a2853a rgb(162,133,58)
```
#b09140
```
#b09140 rgb(176,145,64)
```

Shade Color Variation

#bc9c47
```
#bc9c47 rgb(188,156,71)
```
#c2a355
```
#c2a355 rgb(194,163,85)
```
#c7ab64
```
#c7ab64 rgb(199,171,100)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#d1bb80
```
#d1bb80 rgb(209,187,128)
```
#d6c38f
```
#d6c38f rgb(214,195,143)
```
#dcca9d
```
#dcca9d rgb(220,202,157)
```
#e1d2ac
```
#e1d2ac rgb(225,210,172)
```
#e6daba
```
#e6daba rgb(230,218,186)
```
#ebe2c8
```
#ebe2c8 rgb(235,226,200)
```
#f0e9d7
```
#f0e9d7 rgb(240,233,215)
```
#f6f1e5
```
#f6f1e5 rgb(246,241,229)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,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 #f8c746 is the most saturated one.

#a09f9e
```
#a09f9e rgb(160,159,158)
```
#a7a397
```
#a7a397 rgb(167,163,151)
```
#aea690
```
#aea690 rgb(174,166,144)
```
#b6a988
```
#b6a988 rgb(182,169,136)
```
#bdac81
```
#bdac81 rgb(189,172,129)
```
#c5b079
```
#c5b079 rgb(197,176,121)
```
#ccb372
```
#ccb372 rgb(204,179,114)
```
#d3b66b
```
#d3b66b rgb(211,182,107)
```
#dbba63
```
#dbba63 rgb(219,186,99)
```
#e2bd5c
```
#e2bd5c rgb(226,189,92)
```
#eac054
```
#eac054 rgb(234,192,84)
```
#f1c34d
```
#f1c34d rgb(241,195,77)
```
#f8c746
```
#f8c746 rgb(248,199,70)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b87a Protanopia 1% of men
#ddb17b Deuteranopia 1% of men
#d6aebb Tritanopia 0.001% of the population

Trichromacy

#c9b677 Protanomaly 1% of men, 0.01% of women
#d6b177 Deuteranomaly 6% of men, 0.4% of women
#d2b0a0 Tritanomaly 0.01% of the population

#ccb372 hex color

#ccb372 Color Information

#ccb372 Color Conversion

Color Schemes with #ccb372

Alternatives to #ccb372

#ccb372 Preview

Shades and Tints of #ccb372

Tones of #ccb372

Color Blindness Simulator