#ccca8f hex color

In a RGB color space, hex #ccca8f is composed of 80% red, 79.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 29.9% yellow and 20% black. It has a hue angle of 58 degrees, a saturation of 37.4% and a lightness of 68%. #ccca8f color hex could be obtained by blending #ffffff with #99951f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 79
- B 56
RGB color chart
- C 0
- M 1
- Y 30
- K 20
CMYK color chart

● #ccca8f color description : Slightly desaturated yellow.

The hexadecimal color #ccca8f has RGB values of R:204, G:202, B:143 and CMYK values of C:0, M:0.01, Y:0.3, K:0.2. Its decimal value is 13421199.

Hex triplet	ccca8f	`#ccca8f`
RGB Decimal	204, 202, 143	`rgb(204,202,143)`
RGB Percent	80, 79.2, 56.1	`rgb(80%,79.2%,56.1%)`
CMYK	0, 1, 30, 20
HSL	58°, 37.4, 68	`hsl(58,37.4%,68%)`
HSV (or HSB)	58°, 29.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.215, -8.472, 29.785
XYZ	50.98, 57.062, 34.314
xyY	0.358, 0.401, 57.062
CIE-LCH	80.215, 30.966, 105.877
CIE-LUV	80.215, 4.264, 41.933
Hunter-Lab	75.539, -11.729, 25.945
Binary	11001100, 11001010, 10001111

#ccca8f
```
#ccca8f rgb(204,202,143)
```
#8f91cc
```
#8f91cc rgb(143,145,204)
```

Complementary Color

#ccac8f
```
#ccac8f rgb(204,172,143)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#b0cc8f
```
#b0cc8f rgb(176,204,143)
```

Analogous Color

#ac8fcc
```
#ac8fcc rgb(172,143,204)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#8fb0cc
```
#8fb0cc rgb(143,176,204)
```

Split Complementary Color

#ca8fcc
```
#ca8fcc rgb(202,143,204)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#8fccca
```
#8fccca rgb(143,204,202)
```

Triadic Color

#cc8f91
```
#cc8f91 rgb(204,143,145)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#8fccca
```
#8fccca rgb(143,204,202)
```
#8f91cc
```
#8f91cc rgb(143,145,204)
```

Tetradic Color

#b4b15a
```
#b4b15a rgb(180,177,90)
```
#bcb96c
```
#bcb96c rgb(188,185,108)
```
#c4c27d
```
#c4c27d rgb(196,194,125)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#d4d2a1
```
#d4d2a1 rgb(212,210,161)
```
#dcdbb2
```
#dcdbb2 rgb(220,219,178)
```
#e4e3c4
```
#e4e3c4 rgb(228,227,196)
```

Monochromatic Color

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

#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#ccc08f
```
#ccc08f rgb(204,192,143)
```
#ccc58f
```
#ccc58f rgb(204,197,143)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#c9cc8f
```
#c9cc8f rgb(201,204,143)
```
#c4cc8f
```
#c4cc8f rgb(196,204,143)
```
#bfcc8f
```
#bfcc8f rgb(191,204,143)
```

Similar Colors

Text with hexadecimal color #ccca8f

This text has a font color of #ccca8f.

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

#ccca8f background color

This paragraph has a background color of #ccca8f.

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

#ccca8f border color

This element has a border color of #ccca8f.

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

CSS codes

.text {color:#ccca8f;}

.background {background-color:#ccca8f;}

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

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, #090904 is the darkest color, while #fdfdfb is the lightest one.

#090904
```
#090904 rgb(9,9,4)
```
#17160a
```
#17160a rgb(23,22,10)
```
#242411
```
#242411 rgb(36,36,17)
```
#323117
```
#323117 rgb(50,49,23)
```
#3f3e1d
```
#3f3e1d rgb(63,62,29)
```
#4d4b23
```
#4d4b23 rgb(77,75,35)
```
#5a5929
```
#5a5929 rgb(90,89,41)
```
#68662f
```
#68662f rgb(104,102,47)
```
#757335
```
#757335 rgb(117,115,53)
```
#83803b
```
#83803b rgb(131,128,59)
```
#908e42
```
#908e42 rgb(144,142,66)
```
#9e9b48
```
#9e9b48 rgb(158,155,72)
```
#aba84e
```
#aba84e rgb(171,168,78)
```

Shade Color Variation

#b3b059
```
#b3b059 rgb(179,176,89)
```
#bab767
```
#bab767 rgb(186,183,103)
```
#c0bd74
```
#c0bd74 rgb(192,189,116)
```
#c6c482
```
#c6c482 rgb(198,196,130)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#d2d09c
```
#d2d09c rgb(210,208,156)
```
#d8d7aa
```
#d8d7aa rgb(216,215,170)
```
#deddb7
```
#deddb7 rgb(222,221,183)
```
#e5e4c5
```
#e5e4c5 rgb(229,228,197)
```
#ebead2
```
#ebead2 rgb(235,234,210)
```
#f1f0e0
```
#f1f0e0 rgb(241,240,224)
```
#f7f7ed
```
#f7f7ed rgb(247,247,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#b3b3a8
```
#b3b3a8 rgb(179,179,168)
```
#b9b8a2
```
#b9b8a2 rgb(185,184,162)
```
#bfbe9c
```
#bfbe9c rgb(191,190,156)
```
#c6c495
```
#c6c495 rgb(198,196,149)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```
#d2d089
```
#d2d089 rgb(210,208,137)
```
#d9d682
```
#d9d682 rgb(217,214,130)
```
#dfdc7c
```
#dfdc7c rgb(223,220,124)
```
#e5e176
```
#e5e176 rgb(229,225,118)
```
#ebe770
```
#ebe770 rgb(235,231,112)
```
#f2ed69
```
#f2ed69 rgb(242,237,105)
```
#f8f363
```
#f8f363 rgb(248,243,99)
```
#fef95d
```
#fef95d rgb(254,249,93)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c5b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c993 Protanopia 1% of men
#edc298 Deuteranopia 1% of men
#d7c4d2 Tritanopia 0.001% of the population

Trichromacy

#d4c991 Protanomaly 1% of men, 0.01% of women
#e1c494 Deuteranomaly 6% of men, 0.4% of women
#d3c6ba Tritanomaly 0.01% of the population

#ccca8f hex color

#ccca8f Color Information

#ccca8f Color Conversion

Color Schemes with #ccca8f

Alternatives to #ccca8f

#ccca8f Preview

Shades and Tints of #ccca8f

Tones of #ccca8f

Color Blindness Simulator