#ccca7d hex color

In a RGB color space, hex #ccca7d is composed of 80% red, 79.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 38.7% yellow and 20% black. It has a hue angle of 58.5 degrees, a saturation of 43.6% and a lightness of 64.5%. #ccca7d color hex could be obtained by blending #fffffa with #999500. Closest websafe color is: #cccc66.

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

● #ccca7d color description : Slightly desaturated yellow.

The hexadecimal color #ccca7d has RGB values of R:204, G:202, B:125 and CMYK values of C:0, M:0.01, Y:0.39, K:0.2. Its decimal value is 13421181.

Hex triplet	ccca7d	`#ccca7d`
RGB Decimal	204, 202, 125	`rgb(204,202,125)`
RGB Percent	80, 79.2, 49	`rgb(80%,79.2%,49%)`
CMYK	0, 1, 39, 20
HSL	58.5°, 43.6, 64.5	`hsl(58.5,43.6%,64.5%)`
HSV (or HSB)	58.5°, 38.7, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.931, -10.615, 38.674
XYZ	49.724, 56.56, 27.699
xyY	0.371, 0.422, 56.56
CIE-LCH	79.931, 40.104, 105.348
CIE-LUV	79.931, 5.052, 52.419
Hunter-Lab	75.206, -13.593, 30.808
Binary	11001100, 11001010, 01111101

#ccca7d
```
#ccca7d rgb(204,202,125)
```
#7d7fcc
```
#7d7fcc rgb(125,127,204)
```

Complementary Color

#cca37d
```
#cca37d rgb(204,163,125)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#a7cc7d
```
#a7cc7d rgb(167,204,125)
```

Analogous Color

#a37dcc
```
#a37dcc rgb(163,125,204)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#7da7cc
```
#7da7cc rgb(125,167,204)
```

Split Complementary Color

#ca7dcc
```
#ca7dcc rgb(202,125,204)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#7dccca
```
#7dccca rgb(125,204,202)
```

Triadic Color

#cc7d7f
```
#cc7d7f rgb(204,125,127)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#7dccca
```
#7dccca rgb(125,204,202)
```
#7d7fcc
```
#7d7fcc rgb(125,127,204)
```

Tetradic Color

#b5b347
```
#b5b347 rgb(181,179,71)
```
#bebb58
```
#bebb58 rgb(190,187,88)
```
#c5c36b
```
#c5c36b rgb(197,195,107)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#d3d18f
```
#d3d18f rgb(211,209,143)
```
#dad9a2
```
#dad9a2 rgb(218,217,162)
```
#e2e0b4
```
#e2e0b4 rgb(226,224,180)
```

Monochromatic Color

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

#ccb67d
```
#ccb67d rgb(204,182,125)
```
#ccbd7d
```
#ccbd7d rgb(204,189,125)
```
#ccc37d
```
#ccc37d rgb(204,195,125)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#c7cc7d
```
#c7cc7d rgb(199,204,125)
```
#c1cc7d
```
#c1cc7d rgb(193,204,125)
```
#bacc7d
```
#bacc7d rgb(186,204,125)
```

Similar Colors

Text with hexadecimal color #ccca7d

This text has a font color of #ccca7d.

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

#ccca7d background color

This paragraph has a background color of #ccca7d.

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

#ccca7d border color

This element has a border color of #ccca7d.

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

CSS codes

.text {color:#ccca7d;}

.background {background-color:#ccca7d;}

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

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

#0b0b04
```
#0b0b04 rgb(11,11,4)
```
#19190a
```
#19190a rgb(25,25,10)
```
#27260f
```
#27260f rgb(39,38,15)
```
#353415
```
#353415 rgb(53,52,21)
```
#43421a
```
#43421a rgb(67,66,26)
```
#515020
```
#515020 rgb(81,80,32)
```
#5f5e25
```
#5f5e25 rgb(95,94,37)
```
#6e6c2b
```
#6e6c2b rgb(110,108,43)
```
#7c7a30
```
#7c7a30 rgb(124,122,48)
```
#8a8836
```
#8a8836 rgb(138,136,54)
```
#98953c
```
#98953c rgb(152,149,60)
```
#a6a341
```
#a6a341 rgb(166,163,65)
```
#b4b147
```
#b4b147 rgb(180,177,71)
```

Shade Color Variation

#bbb953
```
#bbb953 rgb(187,185,83)
```
#c1bf61
```
#c1bf61 rgb(193,191,97)
```
#c6c46f
```
#c6c46f rgb(198,196,111)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#d2d08b
```
#d2d08b rgb(210,208,139)
```
#d7d599
```
#d7d599 rgb(215,213,153)
```
#dddba7
```
#dddba7 rgb(221,219,167)
```
#e2e1b5
```
#e2e1b5 rgb(226,225,181)
```
#e8e7c3
```
#e8e7c3 rgb(232,231,195)
```
#edecd2
```
#edecd2 rgb(237,236,210)
```
#f3f2e0
```
#f3f2e0 rgb(243,242,224)
```
#f8f8ee
```
#f8f8ee rgb(248,248,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a9a9a0
```
#a9a9a0 rgb(169,169,160)
```
#b0b099
```
#b0b099 rgb(176,176,153)
```
#b7b692
```
#b7b692 rgb(183,182,146)
```
#bebd8b
```
#bebd8b rgb(190,189,139)
```
#c5c384
```
#c5c384 rgb(197,195,132)
```
#ccca7d
```
#ccca7d rgb(204,202,125)
```
#d3d176
```
#d3d176 rgb(211,209,118)
```
#dad76f
```
#dad76f rgb(218,215,111)
```
#e1de68
```
#e1de68 rgb(225,222,104)
```
#e8e461
```
#e8e461 rgb(232,228,97)
```
#efeb5a
```
#efeb5a rgb(239,235,90)
```
#f6f253
```
#f6f253 rgb(246,242,83)
```
#fdf84c
```
#fdf84c rgb(253,248,76)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac982 Protanopia 1% of men
#f0c087 Deuteranopia 1% of men
#d8c3d1 Tritanopia 0.001% of the population

Trichromacy

#d5c980 Protanomaly 1% of men, 0.01% of women
#e2c483 Deuteranomaly 6% of men, 0.4% of women
#d4c5b2 Tritanomaly 0.01% of the population

#ccca7d hex color

#ccca7d Color Information

#ccca7d Color Conversion

Color Schemes with #ccca7d

Alternatives to #ccca7d

#ccca7d Preview

Shades and Tints of #ccca7d

Tones of #ccca7d

Color Blindness Simulator