#ccb568 hex color

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

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

● #ccb568 color description : Slightly desaturated yellow.

The hexadecimal color #ccb568 has RGB values of R:204, G:181, B:104 and CMYK values of C:0, M:0.11, Y:0.49, K:0.2. Its decimal value is 13415784.

Hex triplet	ccb568	`#ccb568`
RGB Decimal	204, 181, 104	`rgb(204,181,104)`
RGB Percent	80, 71, 40.8	`rgb(80%,71%,40.8%)`
CMYK	0, 11, 49, 20
HSL	46.2°, 49.5, 60.4	`hsl(46.2,49.5%,60.4%)`
HSV (or HSB)	46.2°, 49, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.117, -1.866, 42.003
XYZ	43.924, 46.886, 19.832
xyY	0.397, 0.424, 46.886
CIE-LCH	74.117, 42.045, 92.544
CIE-LUV	74.117, 19.228, 52.746
Hunter-Lab	68.473, -5.324, 30.759
Binary	11001100, 10110101, 01101000

#ccb568
```
#ccb568 rgb(204,181,104)
```
#687fcc
```
#687fcc rgb(104,127,204)
```

Complementary Color

#cc8368
```
#cc8368 rgb(204,131,104)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#b1cc68
```
#b1cc68 rgb(177,204,104)
```

Analogous Color

#8368cc
```
#8368cc rgb(131,104,204)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#68b1cc
```
#68b1cc rgb(104,177,204)
```

Split Complementary Color

#b568cc
```
#b568cc rgb(181,104,204)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#68ccb5
```
#68ccb5 rgb(104,204,181)
```

Triadic Color

#cc687f
```
#cc687f rgb(204,104,127)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#68ccb5
```
#68ccb5 rgb(104,204,181)
```
#687fcc
```
#687fcc rgb(104,127,204)
```

Tetradic Color

#ad933a
```
#ad933a rgb(173,147,58)
```
#bfa242
```
#bfa242 rgb(191,162,66)
```
#c6ac55
```
#c6ac55 rgb(198,172,85)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#d2be7b
```
#d2be7b rgb(210,190,123)
```
#d9c88e
```
#d9c88e rgb(217,200,142)
```
#dfd1a1
```
#dfd1a1 rgb(223,209,161)
```

Monochromatic Color

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

#cc9c68
```
#cc9c68 rgb(204,156,104)
```
#cca468
```
#cca468 rgb(204,164,104)
```
#ccad68
```
#ccad68 rgb(204,173,104)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#ccbd68
```
#ccbd68 rgb(204,189,104)
```
#ccc668
```
#ccc668 rgb(204,198,104)
```
#cacc68
```
#cacc68 rgb(202,204,104)
```

Similar Colors

Text with hexadecimal color #ccb568

This text has a font color of #ccb568.

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

#ccb568 background color

This paragraph has a background color of #ccb568.

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

#ccb568 border color

This element has a border color of #ccb568.

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

CSS codes

.text {color:#ccb568;}

.background {background-color:#ccb568;}

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

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)
```
#362e12
```
#362e12 rgb(54,46,18)
```
#453a17
```
#453a17 rgb(69,58,23)
```
#54471c
```
#54471c rgb(84,71,28)
```
#625321
```
#625321 rgb(98,83,33)
```
#716026
```
#716026 rgb(113,96,38)
```
#806c2b
```
#806c2b rgb(128,108,43)
```
#8e7930
```
#8e7930 rgb(142,121,48)
```
#9d8535
```
#9d8535 rgb(157,133,53)
```
#ac913a
```
#ac913a rgb(172,145,58)
```
#ba9e3f
```
#ba9e3f rgb(186,158,63)
```

Shade Color Variation

#c2a74b
```
#c2a74b rgb(194,167,75)
```
#c7ae59
```
#c7ae59 rgb(199,174,89)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#d1bc77
```
#d1bc77 rgb(209,188,119)
```
#d6c385
```
#d6c385 rgb(214,195,133)
```
#dbcb94
```
#dbcb94 rgb(219,203,148)
```
#e0d2a3
```
#e0d2a3 rgb(224,210,163)
```
#e5d9b1
```
#e5d9b1 rgb(229,217,177)
```
#eae0c0
```
#eae0c0 rgb(234,224,192)
```
#efe7cf
```
#efe7cf rgb(239,231,207)
```
#f4eedd
```
#f4eedd rgb(244,238,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 #fbce39 is the most saturated one.

#9d9c97
```
#9d9c97 rgb(157,156,151)
```
#a5a08f
```
#a5a08f rgb(165,160,143)
```
#ada487
```
#ada487 rgb(173,164,135)
```
#b5a87f
```
#b5a87f rgb(181,168,127)
```
#bcad78
```
#bcad78 rgb(188,173,120)
```
#c4b170
```
#c4b170 rgb(196,177,112)
```
#ccb568
```
#ccb568 rgb(204,181,104)
```
#d4b960
```
#d4b960 rgb(212,185,96)
```
#dcbd58
```
#dcbd58 rgb(220,189,88)
```
#e3c251
```
#e3c251 rgb(227,194,81)
```
#ebc649
```
#ebc649 rgb(235,198,73)
```
#f3ca41
```
#f3ca41 rgb(243,202,65)
```
#fbce39
```
#fbce39 rgb(251,206,57)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbba70 Protanopia 1% of men
#e0b271 Deuteranopia 1% of men
#d7afbc Tritanopia 0.001% of the population

Trichromacy

#cbb86d Protanomaly 1% of men, 0.01% of women
#d8b36e Deuteranomaly 6% of men, 0.4% of women
#d3b19d Tritanomaly 0.01% of the population

#ccb568 hex color

#ccb568 Color Information

#ccb568 Color Conversion

Color Schemes with #ccb568

Alternatives to #ccb568

#ccb568 Preview

Shades and Tints of #ccb568

Tones of #ccb568

Color Blindness Simulator