#ccb28e hex color

In a RGB color space, hex #ccb28e is composed of 80% red, 69.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 30.4% yellow and 20% black. It has a hue angle of 34.8 degrees, a saturation of 37.8% and a lightness of 67.8%. #ccb28e color hex could be obtained by blending #ffffff with #99651d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 70
- B 56
RGB color chart
- C 0
- M 13
- Y 30
- K 20
CMYK color chart

● #ccb28e color description : Slightly desaturated orange.

The hexadecimal color #ccb28e has RGB values of R:204, G:178, B:142 and CMYK values of C:0, M:0.13, Y:0.3, K:0.2. Its decimal value is 13415054.

Hex triplet	ccb28e	`#ccb28e`
RGB Decimal	204, 178, 142	`rgb(204,178,142)`
RGB Percent	80, 69.8, 55.7	`rgb(80%,69.8%,55.7%)`
CMYK	0, 13, 30, 20
HSL	34.8°, 37.8, 67.8	`hsl(34.8,37.8%,67.8%)`
HSV (or HSB)	34.8°, 30.4, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.954, 3.988, 21.868
XYZ	45.704, 46.632, 32.183
xyY	0.367, 0.374, 46.632
CIE-LCH	73.954, 22.229, 79.665
CIE-LUV	73.954, 18.603, 29.096
Hunter-Lab	68.288, -0.036, 19.859
Binary	11001100, 10110010, 10001110

#ccb28e
```
#ccb28e rgb(204,178,142)
```
#8ea8cc
```
#8ea8cc rgb(142,168,204)
```

Complementary Color

#cc938e
```
#cc938e rgb(204,147,142)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#c7cc8e
```
#c7cc8e rgb(199,204,142)
```

Analogous Color

#938ecc
```
#938ecc rgb(147,142,204)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#8ec7cc
```
#8ec7cc rgb(142,199,204)
```

Split Complementary Color

#b28ecc
```
#b28ecc rgb(178,142,204)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#8eccb2
```
#8eccb2 rgb(142,204,178)
```

Triadic Color

#cc8ea8
```
#cc8ea8 rgb(204,142,168)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#8eccb2
```
#8eccb2 rgb(142,204,178)
```
#8ea8cc
```
#8ea8cc rgb(142,168,204)
```

Tetradic Color

#b48e59
```
#b48e59 rgb(180,142,89)
```
#bc9a6b
```
#bc9a6b rgb(188,154,107)
```
#c4a67c
```
#c4a67c rgb(196,166,124)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#d4bea0
```
#d4bea0 rgb(212,190,160)
```
#dccab1
```
#dccab1 rgb(220,202,177)
```
#e4d6c3
```
#e4d6c3 rgb(228,214,195)
```

Monochromatic Color

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

#cca38e
```
#cca38e rgb(204,163,142)
```
#cca88e
```
#cca88e rgb(204,168,142)
```
#ccad8e
```
#ccad8e rgb(204,173,142)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#ccb78e
```
#ccb78e rgb(204,183,142)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#ccc28e
```
#ccc28e rgb(204,194,142)
```

Similar Colors

Text with hexadecimal color #ccb28e

This text has a font color of #ccb28e.

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

#ccb28e background color

This paragraph has a background color of #ccb28e.

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

#ccb28e border color

This element has a border color of #ccb28e.

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

CSS codes

.text {color:#ccb28e;}

.background {background-color:#ccb28e;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#16110a
```
#16110a rgb(22,17,10)
```
#241b10
```
#241b10 rgb(36,27,16)
```
#312616
```
#312616 rgb(49,38,22)
```
#3f301c
```
#3f301c rgb(63,48,28)
```
#4c3b22
```
#4c3b22 rgb(76,59,34)
```
#5a4528
```
#5a4528 rgb(90,69,40)
```
#674f2f
```
#674f2f rgb(103,79,47)
```
#755a35
```
#755a35 rgb(117,90,53)
```
#82643b
```
#82643b rgb(130,100,59)
```
#906f41
```
#906f41 rgb(144,111,65)
```
#9d7947
```
#9d7947 rgb(157,121,71)
```
#ab844d
```
#ab844d rgb(171,132,77)
```

Shade Color Variation

#b48d58
```
#b48d58 rgb(180,141,88)
```
#ba9665
```
#ba9665 rgb(186,150,101)
```
#c0a073
```
#c0a073 rgb(192,160,115)
```
#c6a980
```
#c6a980 rgb(198,169,128)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#d2bb9c
```
#d2bb9c rgb(210,187,156)
```
#d8c4a9
```
#d8c4a9 rgb(216,196,169)
```
#deceb7
```
#deceb7 rgb(222,206,183)
```
#e4d7c4
```
#e4d7c4 rgb(228,215,196)
```
#eae0d2
```
#eae0d2 rgb(234,224,210)
```
#f1e9df
```
#f1e9df rgb(241,233,223)
```
#f7f2ed
```
#f7f2ed rgb(247,242,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#b3aea7
```
#b3aea7 rgb(179,174,167)
```
#b9afa1
```
#b9afa1 rgb(185,175,161)
```
#bfb09b
```
#bfb09b rgb(191,176,155)
```
#c6b194
```
#c6b194 rgb(198,177,148)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#d2b388
```
#d2b388 rgb(210,179,136)
```
#d9b481
```
#d9b481 rgb(217,180,129)
```
#dfb57b
```
#dfb57b rgb(223,181,123)
```
#e5b675
```
#e5b675 rgb(229,182,117)
```
#ecb76e
```
#ecb76e rgb(236,183,110)
```
#f2b868
```
#f2b868 rgb(242,184,104)
```
#f8b962
```
#f8b962 rgb(248,185,98)
```
#feba5c
```
#feba5c rgb(254,186,92)
```

Tone Color Variation

Below, you can see how #ccb28e 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
#bab5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b995 Protanopia 1% of men
#d7b294 Deuteranopia 1% of men
#d3b0bc Tritanopia 0.001% of the population

Trichromacy

#c7b692 Protanomaly 1% of men, 0.01% of women
#d3b292 Deuteranomaly 6% of men, 0.4% of women
#d1b0ab Tritanomaly 0.01% of the population

#ccb28e hex color

#ccb28e Color Information

#ccb28e Color Conversion

Color Schemes with #ccb28e

Alternatives to #ccb28e

#ccb28e Preview

Shades and Tints of #ccb28e

Tones of #ccb28e

Color Blindness Simulator