#ccb380 hex color

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

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

● #ccb380 color description : Slightly desaturated orange.

The hexadecimal color #ccb380 has RGB values of R:204, G:179, B:128 and CMYK values of C:0, M:0.12, Y:0.37, K:0.2. Its decimal value is 13415296.

Hex triplet	ccb380	`#ccb380`
RGB Decimal	204, 179, 128	`rgb(204,179,128)`
RGB Percent	80, 70.2, 50.2	`rgb(80%,70.2%,50.2%)`
CMYK	0, 12, 37, 20
HSL	40.3°, 42.7, 65.1	`hsl(40.3,42.7%,65.1%)`
HSV (or HSB)	40.3°, 37.3, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.957, 1.715, 29.36
XYZ	44.918, 46.637, 27.057
xyY	0.379, 0.393, 46.637
CIE-LCH	73.957, 29.41, 86.658
CIE-LUV	73.957, 19.011, 38.491
Hunter-Lab	68.291, -2.104, 24.314
Binary	11001100, 10110011, 10000000

#ccb380
```
#ccb380 rgb(204,179,128)
```
#8099cc
```
#8099cc rgb(128,153,204)
```

Complementary Color

#cc8d80
```
#cc8d80 rgb(204,141,128)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#bfcc80
```
#bfcc80 rgb(191,204,128)
```

Analogous Color

#8d80cc
```
#8d80cc rgb(141,128,204)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#80bfcc
```
#80bfcc rgb(128,191,204)
```

Split Complementary Color

#b380cc
```
#b380cc rgb(179,128,204)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#80ccb3
```
#80ccb3 rgb(128,204,179)
```

Triadic Color

#cc8099
```
#cc8099 rgb(204,128,153)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#80ccb3
```
#80ccb3 rgb(128,204,179)
```
#8099cc
```
#8099cc rgb(128,153,204)
```

Tetradic Color

#b69249
```
#b69249 rgb(182,146,73)
```
#bd9d5c
```
#bd9d5c rgb(189,157,92)
```
#c5a86e
```
#c5a86e rgb(197,168,110)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#d3be92
```
#d3be92 rgb(211,190,146)
```
#dbc9a4
```
#dbc9a4 rgb(219,201,164)
```
#e2d4b7
```
#e2d4b7 rgb(226,212,183)
```

Monochromatic Color

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

#cca080
```
#cca080 rgb(204,160,128)
```
#cca680
```
#cca680 rgb(204,166,128)
```
#ccad80
```
#ccad80 rgb(204,173,128)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#ccb980
```
#ccb980 rgb(204,185,128)
```
#ccc080
```
#ccc080 rgb(204,192,128)
```
#ccc680
```
#ccc680 rgb(204,198,128)
```

Similar Colors

Text with hexadecimal color #ccb380

This text has a font color of #ccb380.

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

#ccb380 background color

This paragraph has a background color of #ccb380.

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

#ccb380 border color

This element has a border color of #ccb380.

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

CSS codes

.text {color:#ccb380;}

.background {background-color:#ccb380;}

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

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

#0d0a05
```
#0d0a05 rgb(13,10,5)
```
#1b160b
```
#1b160b rgb(27,22,11)
```
#292110
```
#292110 rgb(41,33,16)
```
#372c16
```
#372c16 rgb(55,44,22)
```
#45371c
```
#45371c rgb(69,55,28)
```
#534321
```
#534321 rgb(83,67,33)
```
#614e27
```
#614e27 rgb(97,78,39)
```
#6f592d
```
#6f592d rgb(111,89,45)
```
#7d6432
```
#7d6432 rgb(125,100,50)
```
#8b7038
```
#8b7038 rgb(139,112,56)
```
#997b3d
```
#997b3d rgb(153,123,61)
```
#a78643
```
#a78643 rgb(167,134,67)
```
#b59149
```
#b59149 rgb(181,145,73)
```

Shade Color Variation

#bb9a56
```
#bb9a56 rgb(187,154,86)
```
#c1a264
```
#c1a264 rgb(193,162,100)
```
#c6ab72
```
#c6ab72 rgb(198,171,114)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#d2bb8e
```
#d2bb8e rgb(210,187,142)
```
#d7c49c
```
#d7c49c rgb(215,196,156)
```
#ddccaa
```
#ddccaa rgb(221,204,170)
```
#e2d5b8
```
#e2d5b8 rgb(226,213,184)
```
#e8ddc6
```
#e8ddc6 rgb(232,221,198)
```
#eee5d4
```
#eee5d4 rgb(238,229,212)
```
#f3eee2
```
#f3eee2 rgb(243,238,226)
```
#f9f6f0
```
#f9f6f0 rgb(249,246,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aaa7a2
```
#aaa7a2 rgb(170,167,162)
```
#b1aa9b
```
#b1aa9b rgb(177,170,155)
```
#b7ac95
```
#b7ac95 rgb(183,172,149)
```
#beae8e
```
#beae8e rgb(190,174,142)
```
#c5b187
```
#c5b187 rgb(197,177,135)
```
#ccb380
```
#ccb380 rgb(204,179,128)
```
#d3b579
```
#d3b579 rgb(211,181,121)
```
#dab872
```
#dab872 rgb(218,184,114)
```
#e1ba6b
```
#e1ba6b rgb(225,186,107)
```
#e7bc65
```
#e7bc65 rgb(231,188,101)
```
#eebf5e
```
#eebf5e rgb(238,191,94)
```
#f5c157
```
#f5c157 rgb(245,193,87)
```
#fcc350
```
#fcc350 rgb(252,195,80)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bab5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b987 Protanopia 1% of men
#dab288 Deuteranopia 1% of men
#d5afbc Tritanopia 0.001% of the population

Trichromacy

#c9b784 Protanomaly 1% of men, 0.01% of women
#d5b285 Deuteranomaly 6% of men, 0.4% of women
#d1b1a6 Tritanomaly 0.01% of the population

#ccb380 hex color

#ccb380 Color Information

#ccb380 Color Conversion

Color Schemes with #ccb380

Alternatives to #ccb380

#ccb380 Preview

Shades and Tints of #ccb380

Tones of #ccb380

Color Blindness Simulator