#ccb981 hex color

In a RGB color space, hex #ccb981 is composed of 80% red, 72.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 36.8% yellow and 20% black. It has a hue angle of 44.8 degrees, a saturation of 42.4% and a lightness of 65.3%. #ccb981 color hex could be obtained by blending #ffffff with #997303. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 73
- B 51
RGB color chart
- C 0
- M 9
- Y 37
- K 20
CMYK color chart

● #ccb981 color description : Slightly desaturated orange.

The hexadecimal color #ccb981 has RGB values of R:204, G:185, B:129 and CMYK values of C:0, M:0.09, Y:0.37, K:0.2. Its decimal value is 13416833.

Hex triplet	ccb981	`#ccb981`
RGB Decimal	204, 185, 129	`rgb(204,185,129)`
RGB Percent	80, 72.5, 50.6	`rgb(80%,72.5%,50.6%)`
CMYK	0, 9, 37, 20
HSL	44.8°, 42.4, 65.3	`hsl(44.8,42.4%,65.3%)`
HSV (or HSB)	44.8°, 36.8, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.527, -1.344, 30.903
XYZ	46.213, 49.121, 27.815
xyY	0.375, 0.399, 49.121
CIE-LCH	75.527, 30.932, 92.49
CIE-LUV	75.527, 15.216, 41.121
Hunter-Lab	70.087, -4.954, 25.531
Binary	11001100, 10111001, 10000001

#ccb981
```
#ccb981 rgb(204,185,129)
```
#8194cc
```
#8194cc rgb(129,148,204)
```

Complementary Color

#cc9481
```
#cc9481 rgb(204,148,129)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#bacc81
```
#bacc81 rgb(186,204,129)
```

Analogous Color

#9481cc
```
#9481cc rgb(148,129,204)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#81bacc
```
#81bacc rgb(129,186,204)
```

Split Complementary Color

#b981cc
```
#b981cc rgb(185,129,204)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#81ccb9
```
#81ccb9 rgb(129,204,185)
```

Triadic Color

#cc8194
```
#cc8194 rgb(204,129,148)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#81ccb9
```
#81ccb9 rgb(129,204,185)
```
#8194cc
```
#8194cc rgb(129,148,204)
```

Tetradic Color

#b69b4b
```
#b69b4b rgb(182,155,75)
```
#bda55d
```
#bda55d rgb(189,165,93)
```
#c5af6f
```
#c5af6f rgb(197,175,111)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#d3c393
```
#d3c393 rgb(211,195,147)
```
#dbcda5
```
#dbcda5 rgb(219,205,165)
```
#e2d7b7
```
#e2d7b7 rgb(226,215,183)
```

Monochromatic Color

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

#cca681
```
#cca681 rgb(204,166,129)
```
#ccad81
```
#ccad81 rgb(204,173,129)
```
#ccb381
```
#ccb381 rgb(204,179,129)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#ccbf81
```
#ccbf81 rgb(204,191,129)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#cccc81
```
#cccc81 rgb(204,204,129)
```

Similar Colors

Text with hexadecimal color #ccb981

This text has a font color of #ccb981.

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

#ccb981 background color

This paragraph has a background color of #ccb981.

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

#ccb981 border color

This element has a border color of #ccb981.

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

CSS codes

.text {color:#ccb981;}

.background {background-color:#ccb981;}

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

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, #0e0c06 is the darkest color, while #ffffff is the lightest one.

#0e0c06
```
#0e0c06 rgb(14,12,6)
```
#1c170b
```
#1c170b rgb(28,23,11)
```
#2a2311
```
#2a2311 rgb(42,35,17)
```
#382f16
```
#382f16 rgb(56,47,22)
```
#453b1c
```
#453b1c rgb(69,59,28)
```
#534722
```
#534722 rgb(83,71,34)
```
#615327
```
#615327 rgb(97,83,39)
```
#6f5f2d
```
#6f5f2d rgb(111,95,45)
```
#7d6a33
```
#7d6a33 rgb(125,106,51)
```
#8b7638
```
#8b7638 rgb(139,118,56)
```
#99823e
```
#99823e rgb(153,130,62)
```
#a78e44
```
#a78e44 rgb(167,142,68)
```
#b59a49
```
#b59a49 rgb(181,154,73)
```

Shade Color Variation

#bba257
```
#bba257 rgb(187,162,87)
```
#c1a965
```
#c1a965 rgb(193,169,101)
```
#c6b173
```
#c6b173 rgb(198,177,115)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#d2c18f
```
#d2c18f rgb(210,193,143)
```
#d7c99d
```
#d7c99d rgb(215,201,157)
```
#ddd0ab
```
#ddd0ab rgb(221,208,171)
```
#e3d8b9
```
#e3d8b9 rgb(227,216,185)
```
#e8e0c7
```
#e8e0c7 rgb(232,224,199)
```
#eee8d5
```
#eee8d5 rgb(238,232,213)
```
#f4efe3
```
#f4efe3 rgb(244,239,227)
```
#f9f7f1
```
#f9f7f1 rgb(249,247,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa8a3
```
#aaa8a3 rgb(170,168,163)
```
#b1ac9c
```
#b1ac9c rgb(177,172,156)
```
#b8af95
```
#b8af95 rgb(184,175,149)
```
#beb28f
```
#beb28f rgb(190,178,143)
```
#c5b688
```
#c5b688 rgb(197,182,136)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#d3bc7a
```
#d3bc7a rgb(211,188,122)
```
#dac073
```
#dac073 rgb(218,192,115)
```
#e0c36d
```
#e0c36d rgb(224,195,109)
```
#e7c666
```
#e7c666 rgb(231,198,102)
```
#eeca5f
```
#eeca5f rgb(238,202,95)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#fcd151
```
#fcd151 rgb(252,209,81)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbd87 Protanopia 1% of men
#e0b689 Deuteranopia 1% of men
#d5b5c1 Tritanopia 0.001% of the population

Trichromacy

#ccbb85 Protanomaly 1% of men, 0.01% of women
#d8b786 Deuteranomaly 6% of men, 0.4% of women
#d2b6aa Tritanomaly 0.01% of the population

#ccb981 hex color

#ccb981 Color Information

#ccb981 Color Conversion

Color Schemes with #ccb981

Alternatives to #ccb981

#ccb981 Preview

Shades and Tints of #ccb981

Tones of #ccb981

Color Blindness Simulator