#ccaf5f hex color

In a RGB color space, hex #ccaf5f is composed of 80% red, 68.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 53.4% yellow and 20% black. It has a hue angle of 44 degrees, a saturation of 51.7% and a lightness of 58.6%. #ccaf5f color hex could be obtained by blending #ffffbe with #995f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 69
- B 37
RGB color chart
- C 0
- M 14
- Y 53
- K 20
CMYK color chart

● #ccaf5f color description : Moderate orange.

The hexadecimal color #ccaf5f has RGB values of R:204, G:175, B:95 and CMYK values of C:0, M:0.14, Y:0.53, K:0.2. Its decimal value is 13414239.

Hex triplet	ccaf5f	`#ccaf5f`
RGB Decimal	204, 175, 95	`rgb(204,175,95)`
RGB Percent	80, 68.6, 37.3	`rgb(80%,68.6%,37.3%)`
CMYK	0, 14, 53, 20
HSL	44°, 51.7, 58.6	`hsl(44,51.7%,58.6%)`
HSV (or HSB)	44°, 53.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.445, 0.506, 44.474
XYZ	42.298, 44.325, 17.153
xyY	0.408, 0.427, 44.325
CIE-LCH	72.445, 44.477, 89.348
CIE-LUV	72.445, 23.714, 54.163
Hunter-Lab	66.577, -3.106, 31.328
Binary	11001100, 10101111, 01011111

#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#5f7ccc
```
#5f7ccc rgb(95,124,204)
```

Complementary Color

#cc795f
```
#cc795f rgb(204,121,95)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#b3cc5f
```
#b3cc5f rgb(179,204,95)
```

Analogous Color

#795fcc
```
#795fcc rgb(121,95,204)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#5fb3cc
```
#5fb3cc rgb(95,179,204)
```

Split Complementary Color

#af5fcc
```
#af5fcc rgb(175,95,204)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#5fccaf
```
#5fccaf rgb(95,204,175)
```

Triadic Color

#cc5f7c
```
#cc5f7c rgb(204,95,124)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#5fccaf
```
#5fccaf rgb(95,204,175)
```
#5f7ccc
```
#5f7ccc rgb(95,124,204)
```

Tetradic Color

#a98a36
```
#a98a36 rgb(169,138,54)
```
#bc9a3c
```
#bc9a3c rgb(188,154,60)
```
#c6a54c
```
#c6a54c rgb(198,165,76)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#d2b972
```
#d2b972 rgb(210,185,114)
```
#d8c286
```
#d8c286 rgb(216,194,134)
```
#decc99
```
#decc99 rgb(222,204,153)
```

Monochromatic Color

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

#cc945f
```
#cc945f rgb(204,148,95)
```
#cc9d5f
```
#cc9d5f rgb(204,157,95)
```
#cca65f
```
#cca65f rgb(204,166,95)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#ccb85f
```
#ccb85f rgb(204,184,95)
```
#ccc15f
```
#ccc15f rgb(204,193,95)
```
#ccca5f
```
#ccca5f rgb(204,202,95)
```

Similar Colors

Text with hexadecimal color #ccaf5f

This text has a font color of #ccaf5f.

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

#ccaf5f background color

This paragraph has a background color of #ccaf5f.

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

#ccaf5f border color

This element has a border color of #ccaf5f.

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

CSS codes

.text {color:#ccaf5f;}

.background {background-color:#ccaf5f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120f06
```
#120f06 rgb(18,15,6)
```
#211b0b
```
#211b0b rgb(33,27,11)
```
#30270f
```
#30270f rgb(48,39,15)
```
#3f3414
```
#3f3414 rgb(63,52,20)
```
#4e4019
```
#4e4019 rgb(78,64,25)
```
#5d4c1e
```
#5d4c1e rgb(93,76,30)
```
#6c5822
```
#6c5822 rgb(108,88,34)
```
#7b6427
```
#7b6427 rgb(123,100,39)
```
#89712c
```
#89712c rgb(137,113,44)
```
#987d31
```
#987d31 rgb(152,125,49)
```
#a78935
```
#a78935 rgb(167,137,53)
```
#b6953a
```
#b6953a rgb(182,149,58)
```

Shade Color Variation

#c3a041
```
#c3a041 rgb(195,160,65)
```
#c7a850
```
#c7a850 rgb(199,168,80)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#d1b66e
```
#d1b66e rgb(209,182,110)
```
#d5be7d
```
#d5be7d rgb(213,190,125)
```
#dac58c
```
#dac58c rgb(218,197,140)
```
#dfcd9a
```
#dfcd9a rgb(223,205,154)
```
#e4d4a9
```
#e4d4a9 rgb(228,212,169)
```
#e8dcb8
```
#e8dcb8 rgb(232,220,184)
```
#ede3c7
```
#ede3c7 rgb(237,227,199)
```
#f2ead6
```
#f2ead6 rgb(242,234,214)
```
#f7f2e5
```
#f7f2e5 rgb(247,242,229)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,244)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39c88
```
#a39c88 rgb(163,156,136)
```
#aca07f
```
#aca07f rgb(172,160,127)
```
#b4a477
```
#b4a477 rgb(180,164,119)
```
#bca76f
```
#bca76f rgb(188,167,111)
```
#c4ab67
```
#c4ab67 rgb(196,171,103)
```
#ccaf5f
```
#ccaf5f rgb(204,175,95)
```
#d4b357
```
#d4b357 rgb(212,179,87)
```
#dcb74f
```
#dcb74f rgb(220,183,79)
```
#e4ba47
```
#e4ba47 rgb(228,186,71)
```
#ecbe3f
```
#ecbe3f rgb(236,190,63)
```
#f5c236
```
#f5c236 rgb(245,194,54)
```
#fdc62e
```
#fdc62e rgb(253,198,46)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b5af9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b568 Protanopia 1% of men
#dcad69 Deuteranopia 1% of men
#d6aab5 Tritanopia 0.001% of the population

Trichromacy

#c8b364 Protanomaly 1% of men, 0.01% of women
#d6ae65 Deuteranomaly 6% of men, 0.4% of women
#d2ab96 Tritanomaly 0.01% of the population

#ccaf5f hex color

#ccaf5f Color Information

#ccaf5f Color Conversion

Color Schemes with #ccaf5f

Alternatives to #ccaf5f

#ccaf5f Preview

Shades and Tints of #ccaf5f

Tones of #ccaf5f

Color Blindness Simulator