#ca974e hex color

In a RGB color space, hex #ca974e is composed of 79.2% red, 59.2% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 61.4% yellow and 20.8% black. It has a hue angle of 35.3 degrees, a saturation of 53.9% and a lightness of 54.9%. #ca974e color hex could be obtained by blending #ffff9c with #952f00. Closest websafe color is: #cc9966.

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

● #ca974e color description : Moderate orange.

The hexadecimal color #ca974e has RGB values of R:202, G:151, B:78 and CMYK values of C:0, M:0.25, Y:0.61, K:0.21. Its decimal value is 13277006.

Hex triplet	ca974e	`#ca974e`
RGB Decimal	202, 151, 78	`rgb(202,151,78)`
RGB Percent	79.2, 59.2, 30.6	`rgb(79.2%,59.2%,30.6%)`
CMYK	0, 25, 61, 21
HSL	35.3°, 53.9, 54.9	`hsl(35.3,53.9%,54.9%)`
HSV (or HSB)	35.3°, 61.4, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.936, 11.247, 45.19
XYZ	36.799, 35.242, 12.071
xyY	0.438, 0.419, 35.242
CIE-LCH	65.936, 46.569, 76.024
CIE-LUV	65.936, 40.133, 50.444
Hunter-Lab	59.365, 6.761, 29.499
Binary	11001010, 10010111, 01001110

#ca974e
```
#ca974e rgb(202,151,78)
```
#4e81ca
```
#4e81ca rgb(78,129,202)
```

Complementary Color

#ca594e
```
#ca594e rgb(202,89,78)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#bfca4e
```
#bfca4e rgb(191,202,78)
```

Analogous Color

#594eca
```
#594eca rgb(89,78,202)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#4ebfca
```
#4ebfca rgb(78,191,202)
```

Split Complementary Color

#974eca
```
#974eca rgb(151,78,202)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#4eca97
```
#4eca97 rgb(78,202,151)
```

Triadic Color

#ca4e81
```
#ca4e81 rgb(202,78,129)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#4eca97
```
#4eca97 rgb(78,202,151)
```
#4e81ca
```
#4e81ca rgb(78,129,202)
```

Tetradic Color

#9d6f2f
```
#9d6f2f rgb(157,111,47)
```
#b07d35
```
#b07d35 rgb(176,125,53)
```
#c48b3b
```
#c48b3b rgb(196,139,59)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#d0a362
```
#d0a362 rgb(208,163,98)
```
#d6ae75
```
#d6ae75 rgb(214,174,117)
```
#dcba89
```
#dcba89 rgb(220,186,137)
```

Monochromatic Color

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

#ca784e
```
#ca784e rgb(202,120,78)
```
#ca824e
```
#ca824e rgb(202,130,78)
```
#ca8d4e
```
#ca8d4e rgb(202,141,78)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#caa14e
```
#caa14e rgb(202,161,78)
```
#caac4e
```
#caac4e rgb(202,172,78)
```
#cab64e
```
#cab64e rgb(202,182,78)
```

Similar Colors

Text with hexadecimal color #ca974e

This text has a font color of #ca974e.

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

#ca974e background color

This paragraph has a background color of #ca974e.

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

#ca974e border color

This element has a border color of #ca974e.

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

CSS codes

.text {color:#ca974e;}

.background {background-color:#ca974e;}

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

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 #fcf9f4 is the lightest one.

#040301
```
#040301 rgb(4,3,1)
```
#130e06
```
#130e06 rgb(19,14,6)
```
#22180a
```
#22180a rgb(34,24,10)
```
#31230f
```
#31230f rgb(49,35,15)
```
#412e13
```
#412e13 rgb(65,46,19)
```
#503918
```
#503918 rgb(80,57,24)
```
#5f431c
```
#5f431c rgb(95,67,28)
```
#6e4e21
```
#6e4e21 rgb(110,78,33)
```
#7d5925
```
#7d5925 rgb(125,89,37)
```
#8c642a
```
#8c642a rgb(140,100,42)
```
#9b6e2e
```
#9b6e2e rgb(155,110,46)
```
#aa7933
```
#aa7933 rgb(170,121,51)
```
#b98437
```
#b98437 rgb(185,132,55)
```

Shade Color Variation

#c58e3f
```
#c58e3f rgb(197,142,63)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#cfa05d
```
#cfa05d rgb(207,160,93)
```
#d3a96c
```
#d3a96c rgb(211,169,108)
```
#d8b27b
```
#d8b27b rgb(216,178,123)
```
#dcba8a
```
#dcba8a rgb(220,186,138)
```
#e1c399
```
#e1c399 rgb(225,195,153)
```
#e5cca9
```
#e5cca9 rgb(229,204,169)
```
#ead5b8
```
#ead5b8 rgb(234,213,184)
```
#eedec7
```
#eedec7 rgb(238,222,199)
```
#f3e7d6
```
#f3e7d6 rgb(243,231,214)
```
#f7f0e5
```
#f7f0e5 rgb(247,240,229)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#958e83
```
#958e83 rgb(149,142,131)
```
#9e8f7a
```
#9e8f7a rgb(158,143,122)
```
#a79171
```
#a79171 rgb(167,145,113)
```
#af9269
```
#af9269 rgb(175,146,105)
```
#b89460
```
#b89460 rgb(184,148,96)
```
#c19557
```
#c19557 rgb(193,149,87)
```
#ca974e
```
#ca974e rgb(202,151,78)
```
#d39945
```
#d39945 rgb(211,153,69)
```
#dc9a3c
```
#dc9a3c rgb(220,154,60)
```
#e59c33
```
#e59c33 rgb(229,156,51)
```
#ed9d2b
```
#ed9d2b rgb(237,157,43)
```
#f69f22
```
#f69f22 rgb(246,159,34)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a79d8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a55a Protanopia 1% of men
#c99d56 Deuteranopia 1% of men
#d2949e Tritanopia 0.001% of the population

Trichromacy

#bca055 Protanomaly 1% of men, 0.01% of women
#c99b53 Deuteranomaly 6% of men, 0.4% of women
#cf9581 Tritanomaly 0.01% of the population

#ca974e hex color

#ca974e Color Information

#ca974e Color Conversion

Color Schemes with #ca974e

Alternatives to #ca974e

#ca974e Preview

Shades and Tints of #ca974e

Tones of #ca974e

Color Blindness Simulator