#ccb55e hex color

In a RGB color space, hex #ccb55e is composed of 80% red, 71% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 53.9% yellow and 20% black. It has a hue angle of 47.5 degrees, a saturation of 51.9% and a lightness of 58.4%. #ccb55e color hex could be obtained by blending #ffffbc with #996b00. Closest websafe color is: #cccc66.

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

● #ccb55e color description : Moderate yellow.

The hexadecimal color #ccb55e has RGB values of R:204, G:181, B:94 and CMYK values of C:0, M:0.11, Y:0.54, K:0.2. Its decimal value is 13415774.

Hex triplet	ccb55e	`#ccb55e`
RGB Decimal	204, 181, 94	`rgb(204,181,94)`
RGB Percent	80, 71, 36.9	`rgb(80%,71%,36.9%)`
CMYK	0, 11, 54, 20
HSL	47.5°, 51.9, 58.4	`hsl(47.5,51.9%,58.4%)`
HSV (or HSB)	47.5°, 53.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.994, -2.745, 46.81
XYZ	43.446, 46.695, 17.314
xyY	0.404, 0.435, 46.695
CIE-LCH	73.994, 46.89, 93.356
CIE-LUV	73.994, 19.754, 57.471
Hunter-Lab	68.333, -6.094, 32.811
Binary	11001100, 10110101, 01011110

#ccb55e
```
#ccb55e rgb(204,181,94)
```
#5e75cc
```
#5e75cc rgb(94,117,204)
```

Complementary Color

#cc7e5e
```
#cc7e5e rgb(204,126,94)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#accc5e
```
#accc5e rgb(172,204,94)
```

Analogous Color

#7e5ecc
```
#7e5ecc rgb(126,94,204)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#5eaccc
```
#5eaccc rgb(94,172,204)
```

Split Complementary Color

#b55ecc
```
#b55ecc rgb(181,94,204)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#5eccb5
```
#5eccb5 rgb(94,204,181)
```

Triadic Color

#cc5e75
```
#cc5e75 rgb(204,94,117)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#5eccb5
```
#5eccb5 rgb(94,204,181)
```
#5e75cc
```
#5e75cc rgb(94,117,204)
```

Tetradic Color

#a89035
```
#a89035 rgb(168,144,53)
```
#bca13b
```
#bca13b rgb(188,161,59)
```
#c6ac4b
```
#c6ac4b rgb(198,172,75)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#d2be71
```
#d2be71 rgb(210,190,113)
```
#d8c785
```
#d8c785 rgb(216,199,133)
```
#ded098
```
#ded098 rgb(222,208,152)
```

Monochromatic Color

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

#cc9a5e
```
#cc9a5e rgb(204,154,94)
```
#cca35e
```
#cca35e rgb(204,163,94)
```
#ccac5e
```
#ccac5e rgb(204,172,94)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#ccbe5e
```
#ccbe5e rgb(204,190,94)
```
#ccc75e
```
#ccc75e rgb(204,199,94)
```
#c8cc5e
```
#c8cc5e rgb(200,204,94)
```

Similar Colors

Text with hexadecimal color #ccb55e

This text has a font color of #ccb55e.

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

#ccb55e background color

This paragraph has a background color of #ccb55e.

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

#ccb55e border color

This element has a border color of #ccb55e.

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

CSS codes

.text {color:#ccb55e;}

.background {background-color:#ccb55e;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120f06
```
#120f06 rgb(18,15,6)
```
#211c0a
```
#211c0a rgb(33,28,10)
```
#30290f
```
#30290f rgb(48,41,15)
```
#3e3614
```
#3e3614 rgb(62,54,20)
```
#4d4219
```
#4d4219 rgb(77,66,25)
```
#5c4f1d
```
#5c4f1d rgb(92,79,29)
```
#6b5c22
```
#6b5c22 rgb(107,92,34)
```
#7a6927
```
#7a6927 rgb(122,105,39)
```
#89752b
```
#89752b rgb(137,117,43)
```
#988230
```
#988230 rgb(152,130,48)
```
#a78f35
```
#a78f35 rgb(167,143,53)
```
#b69c3a
```
#b69c3a rgb(182,156,58)
```

Shade Color Variation

#c3a740
```
#c3a740 rgb(195,167,64)
```
#c7ae4f
```
#c7ae4f rgb(199,174,79)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#d1bc6d
```
#d1bc6d rgb(209,188,109)
```
#d5c37c
```
#d5c37c rgb(213,195,124)
```
#daca8b
```
#daca8b rgb(218,202,139)
```
#dfd09a
```
#dfd09a rgb(223,208,154)
```
#e4d7a8
```
#e4d7a8 rgb(228,215,168)
```
#e8deb7
```
#e8deb7 rgb(232,222,183)
```
#ede5c6
```
#ede5c6 rgb(237,229,198)
```
#f2ecd5
```
#f2ecd5 rgb(242,236,213)
```
#f6f3e4
```
#f6f3e4 rgb(246,243,228)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#9b998f
```
#9b998f rgb(155,153,143)
```
#a39d87
```
#a39d87 rgb(163,157,135)
```
#aba27f
```
#aba27f rgb(171,162,127)
```
#b4a776
```
#b4a776 rgb(180,167,118)
```
#bcac6e
```
#bcac6e rgb(188,172,110)
```
#c4b066
```
#c4b066 rgb(196,176,102)
```
#ccb55e
```
#ccb55e rgb(204,181,94)
```
#d4ba56
```
#d4ba56 rgb(212,186,86)
```
#dcbe4e
```
#dcbe4e rgb(220,190,78)
```
#e4c346
```
#e4c346 rgb(228,195,70)
```
#edc83d
```
#edc83d rgb(237,200,61)
```
#f5cd35
```
#f5cd35 rgb(245,205,53)
```
#fdd12d
```
#fdd12d rgb(253,209,45)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb966 Protanopia 1% of men
#e1b168 Deuteranopia 1% of men
#d7afbb Tritanopia 0.001% of the population

Trichromacy

#cbb863 Protanomaly 1% of men, 0.01% of women
#d9b264 Deuteranomaly 6% of men, 0.4% of women
#d3b199 Tritanomaly 0.01% of the population

#ccb55e hex color

#ccb55e Color Information

#ccb55e Color Conversion

Color Schemes with #ccb55e

Alternatives to #ccb55e

#ccb55e Preview

Shades and Tints of #ccb55e

Tones of #ccb55e

Color Blindness Simulator