#ccb980 hex color

In a RGB color space, hex #ccb980 is composed of 80% red, 72.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 37.3% yellow and 20% black. It has a hue angle of 45 degrees, a saturation of 42.7% and a lightness of 65.1%. #ccb980 color hex could be obtained by blending #ffffff with #997301. Closest websafe color is: #cccc99.

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

● #ccb980 color description : Slightly desaturated yellow.

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

Hex triplet	ccb980	`#ccb980`
RGB Decimal	204, 185, 128	`rgb(204,185,128)`
RGB Percent	80, 72.5, 50.2	`rgb(80%,72.5%,50.2%)`
CMYK	0, 9, 37, 20
HSL	45°, 42.7, 65.1	`hsl(45,42.7%,65.1%)`
HSV (or HSB)	45°, 37.3, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.51, -1.461, 31.407
XYZ	46.147, 49.095, 27.466
xyY	0.376, 0.4, 49.095
CIE-LCH	75.51, 31.44, 92.663
CIE-LUV	75.51, 15.277, 41.715
Hunter-Lab	70.068, -5.058, 25.806
Binary	11001100, 10111001, 10000000

#ccb980
```
#ccb980 rgb(204,185,128)
```
#8093cc
```
#8093cc rgb(128,147,204)
```

Complementary Color

#cc9380
```
#cc9380 rgb(204,147,128)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#b9cc80
```
#b9cc80 rgb(185,204,128)
```

Analogous Color

#9380cc
```
#9380cc rgb(147,128,204)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#80b9cc
```
#80b9cc rgb(128,185,204)
```

Split Complementary Color

#b980cc
```
#b980cc rgb(185,128,204)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#80ccb9
```
#80ccb9 rgb(128,204,185)
```

Triadic Color

#cc8093
```
#cc8093 rgb(204,128,147)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#80ccb9
```
#80ccb9 rgb(128,204,185)
```
#8093cc
```
#8093cc rgb(128,147,204)
```

Tetradic Color

#b69b49
```
#b69b49 rgb(182,155,73)
```
#bda55c
```
#bda55c rgb(189,165,92)
```
#c5af6e
```
#c5af6e rgb(197,175,110)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#d3c392
```
#d3c392 rgb(211,195,146)
```
#dbcda4
```
#dbcda4 rgb(219,205,164)
```
#e2d7b7
```
#e2d7b7 rgb(226,215,183)
```

Monochromatic Color

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

#cca680
```
#cca680 rgb(204,166,128)
```
#ccac80
```
#ccac80 rgb(204,172,128)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#ccbf80
```
#ccbf80 rgb(204,191,128)
```
#ccc680
```
#ccc680 rgb(204,198,128)
```
#cccc80
```
#cccc80 rgb(204,204,128)
```

Similar Colors

Text with hexadecimal color #ccb980

This text has a font color of #ccb980.

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

#ccb980 background color

This paragraph has a background color of #ccb980.

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

#ccb980 border color

This element has a border color of #ccb980.

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

CSS codes

.text {color:#ccb980;}

.background {background-color:#ccb980;}

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

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

#0d0b05
```
#0d0b05 rgb(13,11,5)
```
#1b170b
```
#1b170b rgb(27,23,11)
```
#292310
```
#292310 rgb(41,35,16)
```
#372f16
```
#372f16 rgb(55,47,22)
```
#453b1c
```
#453b1c rgb(69,59,28)
```
#534721
```
#534721 rgb(83,71,33)
```
#615227
```
#615227 rgb(97,82,39)
```
#6f5e2d
```
#6f5e2d rgb(111,94,45)
```
#7d6a32
```
#7d6a32 rgb(125,106,50)
```
#8b7638
```
#8b7638 rgb(139,118,56)
```
#99823d
```
#99823d rgb(153,130,61)
```
#a78e43
```
#a78e43 rgb(167,142,67)
```
#b59a49
```
#b59a49 rgb(181,154,73)
```

Shade Color Variation

#bba256
```
#bba256 rgb(187,162,86)
```
#c1aa64
```
#c1aa64 rgb(193,170,100)
```
#c6b172
```
#c6b172 rgb(198,177,114)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#d2c18e
```
#d2c18e rgb(210,193,142)
```
#d7c89c
```
#d7c89c rgb(215,200,156)
```
#ddd0aa
```
#ddd0aa rgb(221,208,170)
```
#e2d8b8
```
#e2d8b8 rgb(226,216,184)
```
#e8e0c6
```
#e8e0c6 rgb(232,224,198)
```
#eee7d4
```
#eee7d4 rgb(238,231,212)
```
#f3efe2
```
#f3efe2 rgb(243,239,226)
```
#f9f7f0
```
#f9f7f0 rgb(249,247,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aaa8a2
```
#aaa8a2 rgb(170,168,162)
```
#b1ab9b
```
#b1ab9b rgb(177,171,155)
```
#b7af95
```
#b7af95 rgb(183,175,149)
```
#beb28e
```
#beb28e rgb(190,178,142)
```
#c5b687
```
#c5b687 rgb(197,182,135)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#d3bc79
```
#d3bc79 rgb(211,188,121)
```
#dac072
```
#dac072 rgb(218,192,114)
```
#e1c36b
```
#e1c36b rgb(225,195,107)
```
#e7c765
```
#e7c765 rgb(231,199,101)
```
#eeca5e
```
#eeca5e rgb(238,202,94)
```
#f5ce57
```
#f5ce57 rgb(245,206,87)
```
#fcd150
```
#fcd150 rgb(252,209,80)
```

Tone Color Variation

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

#ccbd86 Protanopia 1% of men
#e0b688 Deuteranopia 1% of men
#d6b4c1 Tritanopia 0.001% of the population

Trichromacy

#ccbb84 Protanomaly 1% of men, 0.01% of women
#d8b785 Deuteranomaly 6% of men, 0.4% of women
#d2b6a9 Tritanomaly 0.01% of the population

#ccb980 hex color

#ccb980 Color Information

#ccb980 Color Conversion

Color Schemes with #ccb980

Alternatives to #ccb980

#ccb980 Preview

Shades and Tints of #ccb980

Tones of #ccb980

Color Blindness Simulator