#ca975f hex color

In a RGB color space, hex #ca975f is composed of 79.2% red, 59.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 53% yellow and 20.8% black. It has a hue angle of 31.4 degrees, a saturation of 50.2% and a lightness of 58.2%. #ca975f color hex could be obtained by blending #ffffbe with #952f00. Closest websafe color is: #cc9966.

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

● #ca975f color description : Moderate orange.

The hexadecimal color #ca975f has RGB values of R:202, G:151, B:95 and CMYK values of C:0, M:0.25, Y:0.53, K:0.21. Its decimal value is 13277023.

Hex triplet	ca975f	`#ca975f`
RGB Decimal	202, 151, 95	`rgb(202,151,95)`
RGB Percent	79.2, 59.2, 37.3	`rgb(79.2%,59.2%,37.3%)`
CMYK	0, 25, 53, 21
HSL	31.4°, 50.2, 58.2	`hsl(31.4,50.2%,58.2%)`
HSV (or HSB)	31.4°, 53, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.15, 12.592, 36.746
XYZ	37.49, 35.518, 15.707
xyY	0.423, 0.4, 35.518
CIE-LCH	66.15, 38.844, 71.085
CIE-LUV	66.15, 38.746, 42.512
Hunter-Lab	59.597, 7.992, 26.092
Binary	11001010, 10010111, 01011111

#ca975f
```
#ca975f rgb(202,151,95)
```
#5f92ca
```
#5f92ca rgb(95,146,202)
```

Complementary Color

#ca625f
```
#ca625f rgb(202,98,95)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#c8ca5f
```
#c8ca5f rgb(200,202,95)
```

Analogous Color

#625fca
```
#625fca rgb(98,95,202)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#5fc8ca
```
#5fc8ca rgb(95,200,202)
```

Split Complementary Color

#975fca
```
#975fca rgb(151,95,202)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#5fca97
```
#5fca97 rgb(95,202,151)
```

Triadic Color

#ca5f92
```
#ca5f92 rgb(202,95,146)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#5fca97
```
#5fca97 rgb(95,202,151)
```
#5f92ca
```
#5f92ca rgb(95,146,202)
```

Tetradic Color

#a67137
```
#a67137 rgb(166,113,55)
```
#b97e3d
```
#b97e3d rgb(185,126,61)
```
#c48b4c
```
#c48b4c rgb(196,139,76)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#d0a372
```
#d0a372 rgb(208,163,114)
```
#d7b085
```
#d7b085 rgb(215,176,133)
```
#ddbc98
```
#ddbc98 rgb(221,188,152)
```

Monochromatic Color

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

#ca7c5f
```
#ca7c5f rgb(202,124,95)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#ca8e5f
```
#ca8e5f rgb(202,142,95)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#caa05f
```
#caa05f rgb(202,160,95)
```
#caa95f
```
#caa95f rgb(202,169,95)
```
#cab25f
```
#cab25f rgb(202,178,95)
```

Similar Colors

Text with hexadecimal color #ca975f

This text has a font color of #ca975f.

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

#ca975f background color

This paragraph has a background color of #ca975f.

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

#ca975f border color

This element has a border color of #ca975f.

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

CSS codes

.text {color:#ca975f;}

.background {background-color:#ca975f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110b06
```
#110b06 rgb(17,11,6)
```
#20150a
```
#20150a rgb(32,21,10)
```
#2e200f
```
#2e200f rgb(46,32,15)
```
#3d2a14
```
#3d2a14 rgb(61,42,20)
```
#4c3419
```
#4c3419 rgb(76,52,25)
```
#5a3e1e
```
#5a3e1e rgb(90,62,30)
```
#694823
```
#694823 rgb(105,72,35)
```
#785228
```
#785228 rgb(120,82,40)
```
#875c2d
```
#875c2d rgb(135,92,45)
```
#956631
```
#956631 rgb(149,102,49)
```
#a47036
```
#a47036 rgb(164,112,54)
```
#b37a3b
```
#b37a3b rgb(179,122,59)
```

Shade Color Variation

#c08442
```
#c08442 rgb(192,132,66)
```
#c58d50
```
#c58d50 rgb(197,141,80)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#cfa16e
```
#cfa16e rgb(207,161,110)
```
#d4aa7c
```
#d4aa7c rgb(212,170,124)
```
#d9b48b
```
#d9b48b rgb(217,180,139)
```
#debd9a
```
#debd9a rgb(222,189,154)
```
#e2c7a9
```
#e2c7a9 rgb(226,199,169)
```
#e7d0b7
```
#e7d0b7 rgb(231,208,183)
```
#ecdac6
```
#ecdac6 rgb(236,218,198)
```
#f1e4d5
```
#f1e4d5 rgb(241,228,213)
```
#f6ede4
```
#f6ede4 rgb(246,237,228)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#999590
```
#999590 rgb(153,149,144)
```
#a19588
```
#a19588 rgb(161,149,136)
```
#a99580
```
#a99580 rgb(169,149,128)
```
#b19678
```
#b19678 rgb(177,150,120)
```
#ba966f
```
#ba966f rgb(186,150,111)
```
#c29767
```
#c29767 rgb(194,151,103)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#d29757
```
#d29757 rgb(210,151,87)
```
#da984f
```
#da984f rgb(218,152,79)
```
#e39846
```
#e39846 rgb(227,152,70)
```
#eb993e
```
#eb993e rgb(235,153,62)
```
#f39936
```
#f39936 rgb(243,153,54)
```
#fb992e
```
#fb992e rgb(251,153,46)
```

Tone Color Variation

Below, you can see how #ca975f 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
#a89e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a56a Protanopia 1% of men
#c79e66 Deuteranopia 1% of men
#d2959f Tritanopia 0.001% of the population

Trichromacy

#bca066 Protanomaly 1% of men, 0.01% of women
#c89b63 Deuteranomaly 6% of men, 0.4% of women
#cf9588 Tritanomaly 0.01% of the population

#ca975f hex color

#ca975f Color Information

#ca975f Color Conversion

Color Schemes with #ca975f

Alternatives to #ca975f

#ca975f Preview

Shades and Tints of #ca975f

Tones of #ca975f

Color Blindness Simulator