#caa74f hex color

In a RGB color space, hex #caa74f is composed of 79.2% red, 65.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 60.9% yellow and 20.8% black. It has a hue angle of 42.9 degrees, a saturation of 53.7% and a lightness of 55.1%. #caa74f color hex could be obtained by blending #ffff9e with #954f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 65
- B 31
RGB color chart
- C 0
- M 17
- Y 61
- K 21
CMYK color chart

● #caa74f color description : Moderate orange.

The hexadecimal color #caa74f has RGB values of R:202, G:167, B:79 and CMYK values of C:0, M:0.17, Y:0.61, K:0.21. Its decimal value is 13281103.

Hex triplet	caa74f	`#caa74f`
RGB Decimal	202, 167, 79	`rgb(202,167,79)`
RGB Percent	79.2, 65.5, 31	`rgb(79.2%,65.5%,31%)`
CMYK	0, 17, 61, 21
HSL	42.9°, 53.7, 55.1	`hsl(42.9,53.7%,55.1%)`
HSV (or HSB)	42.9°, 60.9, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.007, 2.68, 49.357
XYZ	39.587, 40.76, 13.179
xyY	0.423, 0.436, 40.76
CIE-LCH	70.007, 49.429, 86.892
CIE-LUV	70.007, 28.648, 57.256
Hunter-Lab	63.844, -1.044, 32.451
Binary	11001010, 10100111, 01001111

#caa74f
```
#caa74f rgb(202,167,79)
```
#4f72ca
```
#4f72ca rgb(79,114,202)
```

Complementary Color

#ca6a4f
```
#ca6a4f rgb(202,106,79)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#b0ca4f
```
#b0ca4f rgb(176,202,79)
```

Analogous Color

#6a4fca
```
#6a4fca rgb(106,79,202)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#4fb0ca
```
#4fb0ca rgb(79,176,202)
```

Split Complementary Color

#a74fca
```
#a74fca rgb(167,79,202)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#4fcaa7
```
#4fcaa7 rgb(79,202,167)
```

Triadic Color

#ca4f72
```
#ca4f72 rgb(202,79,114)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#4fcaa7
```
#4fcaa7 rgb(79,202,167)
```
#4f72ca
```
#4f72ca rgb(79,114,202)
```

Tetradic Color

#9d7e2f
```
#9d7e2f rgb(157,126,47)
```
#b18e35
```
#b18e35 rgb(177,142,53)
```
#c49d3b
```
#c49d3b rgb(196,157,59)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#d0b163
```
#d0b163 rgb(208,177,99)
```
#d6bb76
```
#d6bb76 rgb(214,187,118)
```
#dcc48a
```
#dcc48a rgb(220,196,138)
```

Monochromatic Color

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

#ca884f
```
#ca884f rgb(202,136,79)
```
#ca934f
```
#ca934f rgb(202,147,79)
```
#ca9d4f
```
#ca9d4f rgb(202,157,79)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#cab14f
```
#cab14f rgb(202,177,79)
```
#cabc4f
```
#cabc4f rgb(202,188,79)
```
#cac64f
```
#cac64f rgb(202,198,79)
```

Similar Colors

Text with hexadecimal color #caa74f

This text has a font color of #caa74f.

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

#caa74f background color

This paragraph has a background color of #caa74f.

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

#caa74f border color

This element has a border color of #caa74f.

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

CSS codes

.text {color:#caa74f;}

.background {background-color:#caa74f;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#141006
```
#141006 rgb(20,16,6)
```
#231c0b
```
#231c0b rgb(35,28,11)
```
#32280f
```
#32280f rgb(50,40,15)
```
#413414
```
#413414 rgb(65,52,20)
```
#504018
```
#504018 rgb(80,64,24)
```
#5f4c1d
```
#5f4c1d rgb(95,76,29)
```
#6e5821
```
#6e5821 rgb(110,88,33)
```
#7e6526
```
#7e6526 rgb(126,101,38)
```
#8d712a
```
#8d712a rgb(141,113,42)
```
#9c7d2f
```
#9c7d2f rgb(156,125,47)
```
#ab8933
```
#ab8933 rgb(171,137,51)
```
#ba9538
```
#ba9538 rgb(186,149,56)
```

Shade Color Variation

#c59f40
```
#c59f40 rgb(197,159,64)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#cfaf5e
```
#cfaf5e rgb(207,175,94)
```
#d3b66d
```
#d3b66d rgb(211,182,109)
```
#d8be7c
```
#d8be7c rgb(216,190,124)
```
#dcc58b
```
#dcc58b rgb(220,197,139)
```
#e1cd9a
```
#e1cd9a rgb(225,205,154)
```
#e5d4a9
```
#e5d4a9 rgb(229,212,169)
```
#eadcb9
```
#eadcb9 rgb(234,220,185)
```
#eee3c8
```
#eee3c8 rgb(238,227,200)
```
#f3ebd7
```
#f3ebd7 rgb(243,235,215)
```
#f7f2e6
```
#f7f2e6 rgb(247,242,230)
```
#fcfaf5
```
#fcfaf5 rgb(252,250,245)
```

Tint Color Variation

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

#959084
```
#959084 rgb(149,144,132)
```
#9e947b
```
#9e947b rgb(158,148,123)
```
#a79872
```
#a79872 rgb(167,152,114)
```
#b09c69
```
#b09c69 rgb(176,156,105)
```
#b89f61
```
#b89f61 rgb(184,159,97)
```
#c1a358
```
#c1a358 rgb(193,163,88)
```
#caa74f
```
#caa74f rgb(202,167,79)
```
#d3ab46
```
#d3ab46 rgb(211,171,70)
```
#dcaf3d
```
#dcaf3d rgb(220,175,61)
```
#e4b235
```
#e4b235 rgb(228,178,53)
```
#edb62c
```
#edb62c rgb(237,182,44)
```
#f6ba23
```
#f6ba23 rgb(246,186,35)
```
#ffbe1a
```
#ffbe1a rgb(255,190,26)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af59 Protanopia 1% of men
#d6a759 Deuteranopia 1% of men
#d4a2ad Tritanopia 0.001% of the population

Trichromacy

#c4ac55 Protanomaly 1% of men, 0.01% of women
#d1a755 Deuteranomaly 6% of men, 0.4% of women
#d0a38b Tritanomaly 0.01% of the population

#caa74f hex color

#caa74f Color Information

#caa74f Color Conversion

Color Schemes with #caa74f

Alternatives to #caa74f

#caa74f Preview

Shades and Tints of #caa74f

Tones of #caa74f

Color Blindness Simulator