#ccb45e hex color

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

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

● #ccb45e color description : Moderate yellow.

The hexadecimal color #ccb45e has RGB values of R:204, G:180, B:94 and CMYK values of C:0, M:0.12, Y:0.54, K:0.2. Its decimal value is 13415518.

Hex triplet	ccb45e	`#ccb45e`
RGB Decimal	204, 180, 94	`rgb(204,180,94)`
RGB Percent	80, 70.6, 36.9	`rgb(80%,70.6%,36.9%)`
CMYK	0, 12, 54, 20
HSL	46.9°, 51.9, 58.4	`hsl(46.9,51.9%,58.4%)`
HSV (or HSB)	46.9°, 53.9, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.733, -2.219, 46.501
XYZ	43.244, 46.289, 17.246
xyY	0.405, 0.434, 46.289
CIE-LCH	73.733, 46.553, 92.733
CIE-LUV	73.733, 20.42, 56.998
Hunter-Lab	68.036, -5.61, 32.596
Binary	11001100, 10110100, 01011110

#ccb45e
```
#ccb45e rgb(204,180,94)
```
#5e76cc
```
#5e76cc rgb(94,118,204)
```

Complementary Color

#cc7d5e
```
#cc7d5e rgb(204,125,94)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#adcc5e
```
#adcc5e rgb(173,204,94)
```

Analogous Color

#7d5ecc
```
#7d5ecc rgb(125,94,204)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#5eadcc
```
#5eadcc rgb(94,173,204)
```

Split Complementary Color

#b45ecc
```
#b45ecc rgb(180,94,204)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#5eccb4
```
#5eccb4 rgb(94,204,180)
```

Triadic Color

#cc5e76
```
#cc5e76 rgb(204,94,118)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#5eccb4
```
#5eccb4 rgb(94,204,180)
```
#5e76cc
```
#5e76cc rgb(94,118,204)
```

Tetradic Color

#a88f35
```
#a88f35 rgb(168,143,53)
```
#bca03b
```
#bca03b rgb(188,160,59)
```
#c6ab4b
```
#c6ab4b rgb(198,171,75)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#d2bd71
```
#d2bd71 rgb(210,189,113)
```
#d8c685
```
#d8c685 rgb(216,198,133)
```
#decf98
```
#decf98 rgb(222,207,152)
```

Monochromatic Color

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

#cc995e
```
#cc995e rgb(204,153,94)
```
#cca25e
```
#cca25e rgb(204,162,94)
```
#ccab5e
```
#ccab5e rgb(204,171,94)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#ccbd5e
```
#ccbd5e rgb(204,189,94)
```
#ccc65e
```
#ccc65e rgb(204,198,94)
```
#c9cc5e
```
#c9cc5e rgb(201,204,94)
```

Similar Colors

Text with hexadecimal color #ccb45e

This text has a font color of #ccb45e.

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

#ccb45e background color

This paragraph has a background color of #ccb45e.

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

#ccb45e border color

This element has a border color of #ccb45e.

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

CSS codes

.text {color:#ccb45e;}

.background {background-color:#ccb45e;}

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

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)
```
#30280f
```
#30280f rgb(48,40,15)
```
#3e3514
```
#3e3514 rgb(62,53,20)
```
#4d4219
```
#4d4219 rgb(77,66,25)
```
#5c4e1d
```
#5c4e1d rgb(92,78,29)
```
#6b5b22
```
#6b5b22 rgb(107,91,34)
```
#7a6827
```
#7a6827 rgb(122,104,39)
```
#89752b
```
#89752b rgb(137,117,43)
```
#988130
```
#988130 rgb(152,129,48)
```
#a78e35
```
#a78e35 rgb(167,142,53)
```
#b69b3a
```
#b69b3a rgb(182,155,58)
```

Shade Color Variation

#c3a640
```
#c3a640 rgb(195,166,64)
```
#c7ad4f
```
#c7ad4f rgb(199,173,79)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#d1bb6d
```
#d1bb6d rgb(209,187,109)
```
#d5c27c
```
#d5c27c rgb(213,194,124)
```
#dac98b
```
#dac98b rgb(218,201,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)
```
#f6f2e4
```
#f6f2e4 rgb(246,242,228)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#9b988f
```
#9b988f rgb(155,152,143)
```
#a39d87
```
#a39d87 rgb(163,157,135)
```
#aba27f
```
#aba27f rgb(171,162,127)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#bcab6e
```
#bcab6e rgb(188,171,110)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#d4b956
```
#d4b956 rgb(212,185,86)
```
#dcbd4e
```
#dcbd4e rgb(220,189,78)
```
#e4c246
```
#e4c246 rgb(228,194,70)
```
#edc63d
```
#edc63d rgb(237,198,61)
```
#f5cb35
```
#f5cb35 rgb(245,203,53)
```
#fdd02d
```
#fdd02d rgb(253,208,45)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb966 Protanopia 1% of men
#e0b068 Deuteranopia 1% of men
#d7aeba Tritanopia 0.001% of the population

Trichromacy

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

#ccb45e hex color

#ccb45e Color Information

#ccb45e Color Conversion

Color Schemes with #ccb45e

Alternatives to #ccb45e

#ccb45e Preview

Shades and Tints of #ccb45e

Tones of #ccb45e

Color Blindness Simulator