#ca975c hex color

In a RGB color space, hex #ca975c is composed of 79.2% red, 59.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 54.5% yellow and 20.8% black. It has a hue angle of 32.2 degrees, a saturation of 50.9% and a lightness of 57.6%. #ca975c color hex could be obtained by blending #ffffb8 with #952f00. Closest websafe color is: #cc9966.

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

● #ca975c color description : Moderate orange.

The hexadecimal color #ca975c has RGB values of R:202, G:151, B:92 and CMYK values of C:0, M:0.25, Y:0.54, K:0.21. Its decimal value is 13277020.

Hex triplet	ca975c	`#ca975c`
RGB Decimal	202, 151, 92	`rgb(202,151,92)`
RGB Percent	79.2, 59.2, 36.1	`rgb(79.2%,59.2%,36.1%)`
CMYK	0, 25, 54, 21
HSL	32.2°, 50.9, 57.6	`hsl(32.2,50.9%,57.6%)`
HSV (or HSB)	32.2°, 54.5, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.109, 12.333, 38.267
XYZ	37.356, 35.464, 15.002
xyY	0.425, 0.404, 35.464
CIE-LCH	66.109, 40.206, 72.137
CIE-LUV	66.109, 39.01, 44.02
Hunter-Lab	59.552, 7.754, 26.75
Binary	11001010, 10010111, 01011100

#ca975c
```
#ca975c rgb(202,151,92)
```
#5c8fca
```
#5c8fca rgb(92,143,202)
```

Complementary Color

#ca605c
```
#ca605c rgb(202,96,92)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#c6ca5c
```
#c6ca5c rgb(198,202,92)
```

Analogous Color

#605cca
```
#605cca rgb(96,92,202)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#5cc6ca
```
#5cc6ca rgb(92,198,202)
```

Split Complementary Color

#975cca
```
#975cca rgb(151,92,202)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#5cca97
```
#5cca97 rgb(92,202,151)
```

Triadic Color

#ca5c8f
```
#ca5c8f rgb(202,92,143)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#5cca97
```
#5cca97 rgb(92,202,151)
```
#5c8fca
```
#5c8fca rgb(92,143,202)
```

Tetradic Color

#a47135
```
#a47135 rgb(164,113,53)
```
#b77e3c
```
#b77e3c rgb(183,126,60)
```
#c48b49
```
#c48b49 rgb(196,139,73)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#d0a36f
```
#d0a36f rgb(208,163,111)
```
#d7b082
```
#d7b082 rgb(215,176,130)
```
#ddbc96
```
#ddbc96 rgb(221,188,150)
```

Monochromatic Color

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

#ca7c5c
```
#ca7c5c rgb(202,124,92)
```
#ca855c
```
#ca855c rgb(202,133,92)
```
#ca8e5c
```
#ca8e5c rgb(202,142,92)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#caa05c
```
#caa05c rgb(202,160,92)
```
#caa95c
```
#caa95c rgb(202,169,92)
```
#cab35c
```
#cab35c rgb(202,179,92)
```

Similar Colors

Text with hexadecimal color #ca975c

This text has a font color of #ca975c.

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

#ca975c background color

This paragraph has a background color of #ca975c.

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

#ca975c border color

This element has a border color of #ca975c.

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

CSS codes

.text {color:#ca975c;}

.background {background-color:#ca975c;}

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

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

#0f0a05
```
#0f0a05 rgb(15,10,5)
```
#1d140a
```
#1d140a rgb(29,20,10)
```
#2c1e0e
```
#2c1e0e rgb(44,30,14)
```
#3b2913
```
#3b2913 rgb(59,41,19)
```
#4a3318
```
#4a3318 rgb(74,51,24)
```
#593d1d
```
#593d1d rgb(89,61,29)
```
#674722
```
#674722 rgb(103,71,34)
```
#765126
```
#765126 rgb(118,81,38)
```
#855b2b
```
#855b2b rgb(133,91,43)
```
#946630
```
#946630 rgb(148,102,48)
```
#a37035
```
#a37035 rgb(163,112,53)
```
#b17a3a
```
#b17a3a rgb(177,122,58)
```
#c0843f
```
#c0843f rgb(192,132,63)
```

Shade Color Variation

#c58e4d
```
#c58e4d rgb(197,142,77)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#cfa06b
```
#cfa06b rgb(207,160,107)
```
#d4aa7a
```
#d4aa7a rgb(212,170,122)
```
#d8b388
```
#d8b388 rgb(216,179,136)
```
#ddbd97
```
#ddbd97 rgb(221,189,151)
```
#e2c6a6
```
#e2c6a6 rgb(226,198,166)
```
#e7d0b5
```
#e7d0b5 rgb(231,208,181)
```
#ecd9c4
```
#ecd9c4 rgb(236,217,196)
```
#f1e3d2
```
#f1e3d2 rgb(241,227,210)
```
#f5ece1
```
#f5ece1 rgb(245,236,225)
```
#faf5f0
```
#faf5f0 rgb(250,245,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#98938e
```
#98938e rgb(152,147,142)
```
#a09486
```
#a09486 rgb(160,148,134)
```
#a9957d
```
#a9957d rgb(169,149,125)
```
#b19575
```
#b19575 rgb(177,149,117)
```
#b9966d
```
#b9966d rgb(185,150,109)
```
#c29664
```
#c29664 rgb(194,150,100)
```
#ca975c
```
#ca975c rgb(202,151,92)
```
#d29854
```
#d29854 rgb(210,152,84)
```
#db984b
```
#db984b rgb(219,152,75)
```
#e39943
```
#e39943 rgb(227,153,67)
```
#eb993b
```
#eb993b rgb(235,153,59)
```
#f49a32
```
#f49a32 rgb(244,154,50)
```
#fc9b2a
```
#fc9b2a rgb(252,155,42)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a89e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a567 Protanopia 1% of men
#c79e63 Deuteranopia 1% of men
#d2959f Tritanopia 0.001% of the population

Trichromacy

#bca063 Protanomaly 1% of men, 0.01% of women
#c89b61 Deuteranomaly 6% of men, 0.4% of women
#cf9586 Tritanomaly 0.01% of the population

#ca975c hex color

#ca975c Color Information

#ca975c Color Conversion

Color Schemes with #ca975c

Alternatives to #ca975c

#ca975c Preview

Shades and Tints of #ca975c

Tones of #ca975c

Color Blindness Simulator