#caa54d hex color

In a RGB color space, hex #caa54d is composed of 79.2% red, 64.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 61.9% yellow and 20.8% black. It has a hue angle of 42.2 degrees, a saturation of 54.1% and a lightness of 54.7%. #caa54d color hex could be obtained by blending #ffff9a with #954b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 65
- B 30
RGB color chart
- C 0
- M 18
- Y 62
- K 21
CMYK color chart

● #caa54d color description : Moderate orange.

The hexadecimal color #caa54d has RGB values of R:202, G:165, B:77 and CMYK values of C:0, M:0.18, Y:0.62, K:0.21. Its decimal value is 13280589.

Hex triplet	caa54d	`#caa54d`
RGB Decimal	202, 165, 77	`rgb(202,165,77)`
RGB Percent	79.2, 64.7, 30.2	`rgb(79.2%,64.7%,30.2%)`
CMYK	0, 18, 62, 21
HSL	42.2°, 54.1, 54.7	`hsl(42.2,54.1%,54.7%)`
HSV (or HSB)	42.2°, 61.9, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.473, 3.612, 49.699
XYZ	39.152, 40.004, 12.68
xyY	0.426, 0.436, 40.004
CIE-LCH	69.473, 49.83, 85.843
CIE-LUV	69.473, 30.165, 57.148
Hunter-Lab	63.249, -0.191, 32.388
Binary	11001010, 10100101, 01001101

#caa54d
```
#caa54d rgb(202,165,77)
```
#4d72ca
```
#4d72ca rgb(77,114,202)
```

Complementary Color

#ca674d
```
#ca674d rgb(202,103,77)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#b1ca4d
```
#b1ca4d rgb(177,202,77)
```

Analogous Color

#674dca
```
#674dca rgb(103,77,202)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#4db1ca
```
#4db1ca rgb(77,177,202)
```

Split Complementary Color

#a54dca
```
#a54dca rgb(165,77,202)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#4dcaa5
```
#4dcaa5 rgb(77,202,165)
```

Triadic Color

#ca4d72
```
#ca4d72 rgb(202,77,114)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#4dcaa5
```
#4dcaa5 rgb(77,202,165)
```
#4d72ca
```
#4d72ca rgb(77,114,202)
```

Tetradic Color

#9c7c2e
```
#9c7c2e rgb(156,124,46)
```
#b08b34
```
#b08b34 rgb(176,139,52)
```
#c39b3a
```
#c39b3a rgb(195,155,58)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#d0af61
```
#d0af61 rgb(208,175,97)
```
#d6b974
```
#d6b974 rgb(214,185,116)
```
#dcc388
```
#dcc388 rgb(220,195,136)
```

Monochromatic Color

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

#ca864d
```
#ca864d rgb(202,134,77)
```
#ca904d
```
#ca904d rgb(202,144,77)
```
#ca9b4d
```
#ca9b4d rgb(202,155,77)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#caaf4d
```
#caaf4d rgb(202,175,77)
```
#caba4d
```
#caba4d rgb(202,186,77)
```
#cac44d
```
#cac44d rgb(202,196,77)
```

Similar Colors

Text with hexadecimal color #caa54d

This text has a font color of #caa54d.

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

#caa54d background color

This paragraph has a background color of #caa54d.

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

#caa54d border color

This element has a border color of #caa54d.

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

CSS codes

.text {color:#caa54d;}

.background {background-color:#caa54d;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#120f06
```
#120f06 rgb(18,15,6)
```
#221b0a
```
#221b0a rgb(34,27,10)
```
#31270f
```
#31270f rgb(49,39,15)
```
#403313
```
#403313 rgb(64,51,19)
```
#4f3f18
```
#4f3f18 rgb(79,63,24)
```
#5e4b1c
```
#5e4b1c rgb(94,75,28)
```
#6d5621
```
#6d5621 rgb(109,86,33)
```
#7c6225
```
#7c6225 rgb(124,98,37)
```
#8b6e2a
```
#8b6e2a rgb(139,110,42)
```
#9b7a2e
```
#9b7a2e rgb(155,122,46)
```
#aa8633
```
#aa8633 rgb(170,134,51)
```
#b99237
```
#b99237 rgb(185,146,55)
```

Shade Color Variation

#c59d3e
```
#c59d3e rgb(197,157,62)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#cfad5c
```
#cfad5c rgb(207,173,92)
```
#d3b46b
```
#d3b46b rgb(211,180,107)
```
#d8bc7a
```
#d8bc7a rgb(216,188,122)
```
#dcc489
```
#dcc489 rgb(220,196,137)
```
#e1cb99
```
#e1cb99 rgb(225,203,153)
```
#e5d3a8
```
#e5d3a8 rgb(229,211,168)
```
#eadab7
```
#eadab7 rgb(234,218,183)
```
#eee2c6
```
#eee2c6 rgb(238,226,198)
```
#f3ead5
```
#f3ead5 rgb(243,234,213)
```
#f7f1e4
```
#f7f1e4 rgb(247,241,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#8c8c8b
```
#8c8c8b rgb(140,140,139)
```
#958f82
```
#958f82 rgb(149,143,130)
```
#9e9379
```
#9e9379 rgb(158,147,121)
```
#a69771
```
#a69771 rgb(166,151,113)
```
#af9a68
```
#af9a68 rgb(175,154,104)
```
#b89e5f
```
#b89e5f rgb(184,158,95)
```
#c1a156
```
#c1a156 rgb(193,161,86)
```
#caa54d
```
#caa54d rgb(202,165,77)
```
#d3a944
```
#d3a944 rgb(211,169,68)
```
#dcac3b
```
#dcac3b rgb(220,172,59)
```
#e5b032
```
#e5b032 rgb(229,176,50)
```
#eeb329
```
#eeb329 rgb(238,179,41)
```
#f6b721
```
#f6b721 rgb(246,183,33)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#ada694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ae57 Protanopia 1% of men
#d5a657 Deuteranopia 1% of men
#d4a0ab Tritanopia 0.001% of the population

Trichromacy

#c3aa53 Protanomaly 1% of men, 0.01% of women
#d1a553 Deuteranomaly 6% of men, 0.4% of women
#d0a289 Tritanomaly 0.01% of the population

#caa54d hex color

#caa54d Color Information

#caa54d Color Conversion

Color Schemes with #caa54d

Alternatives to #caa54d

#caa54d Preview

Shades and Tints of #caa54d

Tones of #caa54d

Color Blindness Simulator