#ccc168 hex color

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

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

● #ccc168 color description : Slightly desaturated yellow.

The hexadecimal color #ccc168 has RGB values of R:204, G:193, B:104 and CMYK values of C:0, M:0.05, Y:0.49, K:0.2. Its decimal value is 13418856.

Hex triplet	ccc168	`#ccc168`
RGB Decimal	204, 193, 104	`rgb(204,193,104)`
RGB Percent	80, 75.7, 40.8	`rgb(80%,75.7%,40.8%)`
CMYK	0, 5, 49, 20
HSL	53.4°, 49.5, 60.4	`hsl(53.4,49.5%,60.4%)`
HSV (or HSB)	53.4°, 49, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.268, -8.118, 45.841
XYZ	46.47, 51.978, 20.681
xyY	0.39, 0.436, 51.978
CIE-LCH	77.268, 46.554, 100.043
CIE-LUV	77.268, 11.495, 58.62
Hunter-Lab	72.096, -11.112, 33.459
Binary	11001100, 11000001, 01101000

#ccc168
```
#ccc168 rgb(204,193,104)
```
#6873cc
```
#6873cc rgb(104,115,204)
```

Complementary Color

#cc8f68
```
#cc8f68 rgb(204,143,104)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#a5cc68
```
#a5cc68 rgb(165,204,104)
```

Analogous Color

#8f68cc
```
#8f68cc rgb(143,104,204)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#68a5cc
```
#68a5cc rgb(104,165,204)
```

Split Complementary Color

#c168cc
```
#c168cc rgb(193,104,204)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#68ccc1
```
#68ccc1 rgb(104,204,193)
```

Triadic Color

#cc6873
```
#cc6873 rgb(204,104,115)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#68ccc1
```
#68ccc1 rgb(104,204,193)
```
#6873cc
```
#6873cc rgb(104,115,204)
```

Tetradic Color

#ada03a
```
#ada03a rgb(173,160,58)
```
#bfb142
```
#bfb142 rgb(191,177,66)
```
#c6b955
```
#c6b955 rgb(198,185,85)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#d2c97b
```
#d2c97b rgb(210,201,123)
```
#d9d18e
```
#d9d18e rgb(217,209,142)
```
#dfd8a1
```
#dfd8a1 rgb(223,216,161)
```

Monochromatic Color

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

#cca868
```
#cca868 rgb(204,168,104)
```
#ccb068
```
#ccb068 rgb(204,176,104)
```
#ccb968
```
#ccb968 rgb(204,185,104)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#ccc968
```
#ccc968 rgb(204,201,104)
```
#c6cc68
```
#c6cc68 rgb(198,204,104)
```
#becc68
```
#becc68 rgb(190,204,104)
```

Similar Colors

Text with hexadecimal color #ccc168

This text has a font color of #ccc168.

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

#ccc168 background color

This paragraph has a background color of #ccc168.

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

#ccc168 border color

This element has a border color of #ccc168.

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

CSS codes

.text {color:#ccc168;}

.background {background-color:#ccc168;}

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

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

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#191708
```
#191708 rgb(25,23,8)
```
#28250d
```
#28250d rgb(40,37,13)
```
#363212
```
#363212 rgb(54,50,18)
```
#454017
```
#454017 rgb(69,64,23)
```
#544e1c
```
#544e1c rgb(84,78,28)
```
#625b21
```
#625b21 rgb(98,91,33)
```
#716926
```
#716926 rgb(113,105,38)
```
#80762b
```
#80762b rgb(128,118,43)
```
#8e8430
```
#8e8430 rgb(142,132,48)
```
#9d9135
```
#9d9135 rgb(157,145,53)
```
#ac9f3a
```
#ac9f3a rgb(172,159,58)
```
#baad3f
```
#baad3f rgb(186,173,63)
```

Shade Color Variation

#c2b54b
```
#c2b54b rgb(194,181,75)
```
#c7bb59
```
#c7bb59 rgb(199,187,89)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#d1c777
```
#d1c777 rgb(209,199,119)
```
#d6cd85
```
#d6cd85 rgb(214,205,133)
```
#dbd394
```
#dbd394 rgb(219,211,148)
```
#e0d9a3
```
#e0d9a3 rgb(224,217,163)
```
#e5dfb1
```
#e5dfb1 rgb(229,223,177)
```
#eae5c0
```
#eae5c0 rgb(234,229,192)
```
#efebcf
```
#efebcf rgb(239,235,207)
```
#f4f1dd
```
#f4f1dd rgb(244,241,221)
```
#f9f7ec
```
#f9f7ec rgb(249,247,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#9d9d97
```
#9d9d97 rgb(157,157,151)
```
#a5a38f
```
#a5a38f rgb(165,163,143)
```
#ada987
```
#ada987 rgb(173,169,135)
```
#b5af7f
```
#b5af7f rgb(181,175,127)
```
#bcb578
```
#bcb578 rgb(188,181,120)
```
#c4bb70
```
#c4bb70 rgb(196,187,112)
```
#ccc168
```
#ccc168 rgb(204,193,104)
```
#d4c760
```
#d4c760 rgb(212,199,96)
```
#dccd58
```
#dccd58 rgb(220,205,88)
```
#e3d351
```
#e3d351 rgb(227,211,81)
```
#ebd949
```
#ebd949 rgb(235,217,73)
```
#f3df41
```
#f3df41 rgb(243,223,65)
```
#fbe539
```
#fbe539 rgb(251,229,57)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebbaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c26f Protanopia 1% of men
#eab973 Deuteranopia 1% of men
#d8bac7 Tritanopia 0.001% of the population

Trichromacy

#d1c16c Protanomaly 1% of men, 0.01% of women
#dfbc6f Deuteranomaly 6% of men, 0.4% of women
#d4bca4 Tritanomaly 0.01% of the population

#ccc168 hex color

#ccc168 Color Information

#ccc168 Color Conversion

Color Schemes with #ccc168

Alternatives to #ccc168

#ccc168 Preview

Shades and Tints of #ccc168

Tones of #ccc168

Color Blindness Simulator