#ccb570 hex color

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

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

● #ccb570 color description : Slightly desaturated yellow.

The hexadecimal color #ccb570 has RGB values of R:204, G:181, B:112 and CMYK values of C:0, M:0.11, Y:0.45, K:0.2. Its decimal value is 13415792.

Hex triplet	ccb570	`#ccb570`
RGB Decimal	204, 181, 112	`rgb(204,181,112)`
RGB Percent	80, 71, 43.9	`rgb(80%,71%,43.9%)`
CMYK	0, 11, 45, 20
HSL	45°, 47.4, 62	`hsl(45,47.4%,62%)`
HSV (or HSB)	45°, 45.1, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.226, -1.091, 38.069
XYZ	44.35, 47.056, 22.075
xyY	0.391, 0.415, 47.056
CIE-LCH	74.226, 38.085, 91.641
CIE-LUV	74.226, 18.77, 48.633
Hunter-Lab	68.598, -4.64, 28.938
Binary	11001100, 10110101, 01110000

#ccb570
```
#ccb570 rgb(204,181,112)
```
#7087cc
```
#7087cc rgb(112,135,204)
```

Complementary Color

#cc8770
```
#cc8770 rgb(204,135,112)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#b5cc70
```
#b5cc70 rgb(181,204,112)
```

Analogous Color

#8770cc
```
#8770cc rgb(135,112,204)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#70b5cc
```
#70b5cc rgb(112,181,204)
```

Split Complementary Color

#b570cc
```
#b570cc rgb(181,112,204)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#70ccb5
```
#70ccb5 rgb(112,204,181)
```

Triadic Color

#cc7087
```
#cc7087 rgb(204,112,135)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#70ccb5
```
#70ccb5 rgb(112,204,181)
```
#7087cc
```
#7087cc rgb(112,135,204)
```

Tetradic Color

#b1943f
```
#b1943f rgb(177,148,63)
```
#bfa24a
```
#bfa24a rgb(191,162,74)
```
#c5ab5d
```
#c5ab5d rgb(197,171,93)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#d3bf83
```
#d3bf83 rgb(211,191,131)
```
#d9c896
```
#d9c896 rgb(217,200,150)
```
#e0d2a8
```
#e0d2a8 rgb(224,210,168)
```

Monochromatic Color

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

#cc9e70
```
#cc9e70 rgb(204,158,112)
```
#cca670
```
#cca670 rgb(204,166,112)
```
#ccad70
```
#ccad70 rgb(204,173,112)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#ccbd70
```
#ccbd70 rgb(204,189,112)
```
#ccc470
```
#ccc470 rgb(204,196,112)
```
#cccc70
```
#cccc70 rgb(204,204,112)
```

Similar Colors

Text with hexadecimal color #ccb570

This text has a font color of #ccb570.

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

#ccb570 background color

This paragraph has a background color of #ccb570.

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

#ccb570 border color

This element has a border color of #ccb570.

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

CSS codes

.text {color:#ccb570;}

.background {background-color:#ccb570;}

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

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)
```
#1f1a0b
```
#1f1a0b rgb(31,26,11)
```
#2d2610
```
#2d2610 rgb(45,38,16)
```
#3b3215
```
#3b3215 rgb(59,50,21)
```
#4a3e1a
```
#4a3e1a rgb(74,62,26)
```
#584a20
```
#584a20 rgb(88,74,32)
```
#675625
```
#675625 rgb(103,86,37)
```
#75622a
```
#75622a rgb(117,98,42)
```
#846f2f
```
#846f2f rgb(132,111,47)
```
#927b34
```
#927b34 rgb(146,123,52)
```
#a18739
```
#a18739 rgb(161,135,57)
```
#af933e
```
#af933e rgb(175,147,62)
```

Shade Color Variation

#bd9f45
```
#bd9f45 rgb(189,159,69)
```
#c2a653
```
#c2a653 rgb(194,166,83)
```
#c7ae62
```
#c7ae62 rgb(199,174,98)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#d1bc7e
```
#d1bc7e rgb(209,188,126)
```
#d6c48d
```
#d6c48d rgb(214,196,141)
```
#dbcb9b
```
#dbcb9b rgb(219,203,155)
```
#e1d3aa
```
#e1d3aa rgb(225,211,170)
```
#e6dab8
```
#e6dab8 rgb(230,218,184)
```
#ebe2c7
```
#ebe2c7 rgb(235,226,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 #f9cb43 is the most saturated one.

#9f9f9d
```
#9f9f9d rgb(159,159,157)
```
#a7a295
```
#a7a295 rgb(167,162,149)
```
#aea68e
```
#aea68e rgb(174,166,142)
```
#b6aa86
```
#b6aa86 rgb(182,170,134)
```
#bdae7f
```
#bdae7f rgb(189,174,127)
```
#c5b177
```
#c5b177 rgb(197,177,119)
```
#ccb570
```
#ccb570 rgb(204,181,112)
```
#d3b969
```
#d3b969 rgb(211,185,105)
```
#dbbc61
```
#dbbc61 rgb(219,188,97)
```
#e2c05a
```
#e2c05a rgb(226,192,90)
```
#eac452
```
#eac452 rgb(234,196,82)
```
#f1c84b
```
#f1c84b rgb(241,200,75)
```
#f9cb43
```
#f9cb43 rgb(249,203,67)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caba77 Protanopia 1% of men
#dfb279 Deuteranopia 1% of men
#d6b0bc Tritanopia 0.001% of the population

Trichromacy

#cbb875 Protanomaly 1% of men, 0.01% of women
#d8b375 Deuteranomaly 6% of men, 0.4% of women
#d2b2a0 Tritanomaly 0.01% of the population

#ccb570 hex color

#ccb570 Color Information

#ccb570 Color Conversion

Color Schemes with #ccb570

Alternatives to #ccb570

#ccb570 Preview

Shades and Tints of #ccb570

Tones of #ccb570

Color Blindness Simulator