#ccb470 hex color

In a RGB color space, hex #ccb470 is composed of 80% red, 70.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 45.1% yellow and 20% black. It has a hue angle of 44.3 degrees, a saturation of 47.4% and a lightness of 62%. #ccb470 color hex could be obtained by blending #ffffe0 with #996900. Closest websafe color is: #cccc66.

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

● #ccb470 color description : Slightly desaturated orange.

The hexadecimal color #ccb470 has RGB values of R:204, G:180, B:112 and CMYK values of C:0, M:0.12, Y:0.45, K:0.2. Its decimal value is 13415536.

Hex triplet	ccb470	`#ccb470`
RGB Decimal	204, 180, 112	`rgb(204,180,112)`
RGB Percent	80, 70.6, 43.9	`rgb(80%,70.6%,43.9%)`
CMYK	0, 12, 45, 20
HSL	44.3°, 47.4, 62	`hsl(44.3,47.4%,62%)`
HSV (or HSB)	44.3°, 45.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.966, -0.563, 37.741
XYZ	44.148, 46.651, 22.007
xyY	0.391, 0.414, 46.651
CIE-LCH	73.966, 37.745, 90.854
CIE-LUV	73.966, 19.415, 48.126
Hunter-Lab	68.302, -4.152, 28.707
Binary	11001100, 10110100, 01110000

#ccb470
```
#ccb470 rgb(204,180,112)
```
#7088cc
```
#7088cc rgb(112,136,204)
```

Complementary Color

#cc8670
```
#cc8670 rgb(204,134,112)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#b6cc70
```
#b6cc70 rgb(182,204,112)
```

Analogous Color

#8670cc
```
#8670cc rgb(134,112,204)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#70b6cc
```
#70b6cc rgb(112,182,204)
```

Split Complementary Color

#b470cc
```
#b470cc rgb(180,112,204)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#70ccb4
```
#70ccb4 rgb(112,204,180)
```

Triadic Color

#cc7088
```
#cc7088 rgb(204,112,136)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#70ccb4
```
#70ccb4 rgb(112,204,180)
```
#7088cc
```
#7088cc rgb(112,136,204)
```

Tetradic Color

#b1933f
```
#b1933f rgb(177,147,63)
```
#bfa04a
```
#bfa04a rgb(191,160,74)
```
#c5aa5d
```
#c5aa5d rgb(197,170,93)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#d3be83
```
#d3be83 rgb(211,190,131)
```
#d9c896
```
#d9c896 rgb(217,200,150)
```
#e0d2a8
```
#e0d2a8 rgb(224,210,168)
```

Monochromatic Color

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

#cc9d70
```
#cc9d70 rgb(204,157,112)
```
#cca570
```
#cca570 rgb(204,165,112)
```
#ccac70
```
#ccac70 rgb(204,172,112)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#ccbc70
```
#ccbc70 rgb(204,188,112)
```
#ccc370
```
#ccc370 rgb(204,195,112)
```
#cccb70
```
#cccb70 rgb(204,203,112)
```

Similar Colors

Text with hexadecimal color #ccb470

This text has a font color of #ccb470.

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

#ccb470 background color

This paragraph has a background color of #ccb470.

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

#ccb470 border color

This element has a border color of #ccb470.

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

CSS codes

.text {color:#ccb470;}

.background {background-color:#ccb470;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100d06
```
#100d06 rgb(16,13,6)
```
#1f190b
```
#1f190b rgb(31,25,11)
```
#2d2510
```
#2d2510 rgb(45,37,16)
```
#3b3115
```
#3b3115 rgb(59,49,21)
```
#4a3d1a
```
#4a3d1a rgb(74,61,26)
```
#584a20
```
#584a20 rgb(88,74,32)
```
#675625
```
#675625 rgb(103,86,37)
```
#75622a
```
#75622a rgb(117,98,42)
```
#846e2f
```
#846e2f rgb(132,110,47)
```
#927a34
```
#927a34 rgb(146,122,52)
```
#a18639
```
#a18639 rgb(161,134,57)
```
#af923e
```
#af923e rgb(175,146,62)
```

Shade Color Variation

#bd9d45
```
#bd9d45 rgb(189,157,69)
```
#c2a553
```
#c2a553 rgb(194,165,83)
```
#c7ac62
```
#c7ac62 rgb(199,172,98)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#d1bc7e
```
#d1bc7e rgb(209,188,126)
```
#d6c38d
```
#d6c38d rgb(214,195,141)
```
#dbcb9b
```
#dbcb9b rgb(219,203,155)
```
#e1d2aa
```
#e1d2aa rgb(225,210,170)
```
#e6dab8
```
#e6dab8 rgb(230,218,184)
```
#ebe1c7
```
#ebe1c7 rgb(235,225,199)
```
#f0e9d5
```
#f0e9d5 rgb(240,233,213)
```
#f5f1e4
```
#f5f1e4 rgb(245,241,228)
```
#faf8f2
```
#faf8f2 rgb(250,248,242)
```

Tint Color Variation

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

#9f9f9d
```
#9f9f9d rgb(159,159,157)
```
#a7a295
```
#a7a295 rgb(167,162,149)
```
#aea68e
```
#aea68e rgb(174,166,142)
```
#b6a986
```
#b6a986 rgb(182,169,134)
```
#bdad7f
```
#bdad7f rgb(189,173,127)
```
#c5b077
```
#c5b077 rgb(197,176,119)
```
#ccb470
```
#ccb470 rgb(204,180,112)
```
#d3b869
```
#d3b869 rgb(211,184,105)
```
#dbbb61
```
#dbbb61 rgb(219,187,97)
```
#e2bf5a
```
#e2bf5a rgb(226,191,90)
```
#eac252
```
#eac252 rgb(234,194,82)
```
#f1c64b
```
#f1c64b rgb(241,198,75)
```
#f9c943
```
#f9c943 rgb(249,201,67)
```

Tone Color Variation

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

#c9b978 Protanopia 1% of men
#deb179 Deuteranopia 1% of men
#d6afbb Tritanopia 0.001% of the population

Trichromacy

#cab775 Protanomaly 1% of men, 0.01% of women
#d7b275 Deuteranomaly 6% of men, 0.4% of women
#d2b1a0 Tritanomaly 0.01% of the population

#ccb470 hex color

#ccb470 Color Information

#ccb470 Color Conversion

Color Schemes with #ccb470

Alternatives to #ccb470

#ccb470 Preview

Shades and Tints of #ccb470

Tones of #ccb470

Color Blindness Simulator