#ccb768 hex color

In a RGB color space, hex #ccb768 is composed of 80% red, 71.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 49% yellow and 20% black. It has a hue angle of 47.4 degrees, a saturation of 49.5% and a lightness of 60.4%. #ccb768 color hex could be obtained by blending #ffffd0 with #996f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 72
- B 41
RGB color chart
- C 0
- M 10
- Y 49
- K 20
CMYK color chart

● #ccb768 color description : Slightly desaturated yellow.

The hexadecimal color #ccb768 has RGB values of R:204, G:183, B:104 and CMYK values of C:0, M:0.1, Y:0.49, K:0.2. Its decimal value is 13416296.

Hex triplet	ccb768	`#ccb768`
RGB Decimal	204, 183, 104	`rgb(204,183,104)`
RGB Percent	80, 71.8, 40.8	`rgb(80%,71.8%,40.8%)`
CMYK	0, 10, 49, 20
HSL	47.4°, 49.5, 60.4	`hsl(47.4,49.5%,60.4%)`
HSV (or HSB)	47.4°, 49, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.638, -2.917, 42.643
XYZ	44.334, 47.705, 19.969
xyY	0.396, 0.426, 47.705
CIE-LCH	74.638, 42.743, 93.914
CIE-LUV	74.638, 17.924, 53.729
Hunter-Lab	69.069, -6.295, 31.207
Binary	11001100, 10110111, 01101000

#ccb768
```
#ccb768 rgb(204,183,104)
```
#687dcc
```
#687dcc rgb(104,125,204)
```

Complementary Color

#cc8568
```
#cc8568 rgb(204,133,104)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#afcc68
```
#afcc68 rgb(175,204,104)
```

Analogous Color

#8568cc
```
#8568cc rgb(133,104,204)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#68afcc
```
#68afcc rgb(104,175,204)
```

Split Complementary Color

#b768cc
```
#b768cc rgb(183,104,204)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#68ccb7
```
#68ccb7 rgb(104,204,183)
```

Triadic Color

#cc687d
```
#cc687d rgb(204,104,125)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#68ccb7
```
#68ccb7 rgb(104,204,183)
```
#687dcc
```
#687dcc rgb(104,125,204)
```

Tetradic Color

#ad953a
```
#ad953a rgb(173,149,58)
```
#bfa542
```
#bfa542 rgb(191,165,66)
```
#c6ae55
```
#c6ae55 rgb(198,174,85)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#d2c07b
```
#d2c07b rgb(210,192,123)
```
#d9c98e
```
#d9c98e rgb(217,201,142)
```
#dfd2a1
```
#dfd2a1 rgb(223,210,161)
```

Monochromatic Color

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

#cc9e68
```
#cc9e68 rgb(204,158,104)
```
#cca668
```
#cca668 rgb(204,166,104)
```
#ccaf68
```
#ccaf68 rgb(204,175,104)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#ccbf68
```
#ccbf68 rgb(204,191,104)
```
#ccc868
```
#ccc868 rgb(204,200,104)
```
#c8cc68
```
#c8cc68 rgb(200,204,104)
```

Similar Colors

Text with hexadecimal color #ccb768

This text has a font color of #ccb768.

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

#ccb768 background color

This paragraph has a background color of #ccb768.

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

#ccb768 border color

This element has a border color of #ccb768.

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

CSS codes

.text {color:#ccb768;}

.background {background-color:#ccb768;}

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

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

#0a0903
```
#0a0903 rgb(10,9,3)
```
#191508
```
#191508 rgb(25,21,8)
```
#28220d
```
#28220d rgb(40,34,13)
```
#362f12
```
#362f12 rgb(54,47,18)
```
#453b17
```
#453b17 rgb(69,59,23)
```
#54481c
```
#54481c rgb(84,72,28)
```
#625521
```
#625521 rgb(98,85,33)
```
#716126
```
#716126 rgb(113,97,38)
```
#806e2b
```
#806e2b rgb(128,110,43)
```
#8e7a30
```
#8e7a30 rgb(142,122,48)
```
#9d8735
```
#9d8735 rgb(157,135,53)
```
#ac943a
```
#ac943a rgb(172,148,58)
```
#baa03f
```
#baa03f rgb(186,160,63)
```

Shade Color Variation

#c2a94b
```
#c2a94b rgb(194,169,75)
```
#c7b059
```
#c7b059 rgb(199,176,89)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#d1be77
```
#d1be77 rgb(209,190,119)
```
#d6c585
```
#d6c585 rgb(214,197,133)
```
#dbcc94
```
#dbcc94 rgb(219,204,148)
```
#e0d3a3
```
#e0d3a3 rgb(224,211,163)
```
#e5dab1
```
#e5dab1 rgb(229,218,177)
```
#eae1c0
```
#eae1c0 rgb(234,225,192)
```
#efe8cf
```
#efe8cf rgb(239,232,207)
```
#f4efdd
```
#f4efdd rgb(244,239,221)
```
#f9f6ec
```
#f9f6ec rgb(249,246,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#9d9c97
```
#9d9c97 rgb(157,156,151)
```
#a5a08f
```
#a5a08f rgb(165,160,143)
```
#ada587
```
#ada587 rgb(173,165,135)
```
#b5a97f
```
#b5a97f rgb(181,169,127)
```
#bcae78
```
#bcae78 rgb(188,174,120)
```
#c4b270
```
#c4b270 rgb(196,178,112)
```
#ccb768
```
#ccb768 rgb(204,183,104)
```
#d4bc60
```
#d4bc60 rgb(212,188,96)
```
#dcc058
```
#dcc058 rgb(220,192,88)
```
#e3c551
```
#e3c551 rgb(227,197,81)
```
#ebc949
```
#ebc949 rgb(235,201,73)
```
#f3ce41
```
#f3ce41 rgb(243,206,65)
```
#fbd239
```
#fbd239 rgb(251,210,57)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbb70 Protanopia 1% of men
#e1b372 Deuteranopia 1% of men
#d7b1bd Tritanopia 0.001% of the population

Trichromacy

#ccb96d Protanomaly 1% of men, 0.01% of women
#d9b46e Deuteranomaly 6% of men, 0.4% of women
#d3b39e Tritanomaly 0.01% of the population

#ccb768 hex color

#ccb768 Color Information

#ccb768 Color Conversion

Color Schemes with #ccb768

Alternatives to #ccb768

#ccb768 Preview

Shades and Tints of #ccb768

Tones of #ccb768

Color Blindness Simulator