#ca972c hex color

In a RGB color space, hex #ca972c is composed of 79.2% red, 59.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 40.6 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca972c color hex could be obtained by blending #ffff58 with #952f00. Closest websafe color is: #cc9933.

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

● #ca972c color description : Strong orange.

The hexadecimal color #ca972c has RGB values of R:202, G:151, B:44 and CMYK values of C:0, M:0.25, Y:0.78, K:0.21. Its decimal value is 13276972.

Hex triplet	ca972c	`#ca972c`
RGB Decimal	202, 151, 44	`rgb(202,151,44)`
RGB Percent	79.2, 59.2, 17.3	`rgb(79.2%,59.2%,17.3%)`
CMYK	0, 25, 78, 21
HSL	40.6°, 64.2, 48.2	`hsl(40.6,64.2%,48.2%)`
HSV (or HSB)	40.6°, 78.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.65, 9.418, 59.809
XYZ	35.879, 34.874, 7.224
xyY	0.46, 0.447, 34.874
CIE-LCH	65.65, 60.546, 81.052
CIE-LUV	65.65, 42.094, 61.614
Hunter-Lab	59.054, 5.106, 34.084
Binary	11001010, 10010111, 00101100

#ca972c
```
#ca972c rgb(202,151,44)
```
#2c5fca
```
#2c5fca rgb(44,95,202)
```

Complementary Color

#ca482c
```
#ca482c rgb(202,72,44)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#aeca2c
```
#aeca2c rgb(174,202,44)
```

Analogous Color

#482cca
```
#482cca rgb(72,44,202)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#2caeca
```
#2caeca rgb(44,174,202)
```

Split Complementary Color

#972cca
```
#972cca rgb(151,44,202)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#2cca97
```
#2cca97 rgb(44,202,151)
```

Triadic Color

#ca2c5f
```
#ca2c5f rgb(202,44,95)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#2cca97
```
#2cca97 rgb(44,202,151)
```
#2c5fca
```
#2c5fca rgb(44,95,202)
```

Tetradic Color

#8b681e
```
#8b681e rgb(139,104,30)
```
#a07823
```
#a07823 rgb(160,120,35)
```
#b58727
```
#b58727 rgb(181,135,39)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#d4a33b
```
#d4a33b rgb(212,163,59)
```
#d9ad50
```
#d9ad50 rgb(217,173,80)
```
#ddb765
```
#ddb765 rgb(221,183,101)
```

Monochromatic Color

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

#ca702c
```
#ca702c rgb(202,112,44)
```
#ca7d2c
```
#ca7d2c rgb(202,125,44)
```
#ca8a2c
```
#ca8a2c rgb(202,138,44)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#caa42c
```
#caa42c rgb(202,164,44)
```
#cab12c
```
#cab12c rgb(202,177,44)
```
#cabf2c
```
#cabf2c rgb(202,191,44)
```

Similar Colors

Text with hexadecimal color #ca972c

This text has a font color of #ca972c.

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

#ca972c background color

This paragraph has a background color of #ca972c.

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

#ca972c border color

This element has a border color of #ca972c.

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

CSS codes

.text {color:#ca972c;}

.background {background-color:#ca972c;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#191305
```
#191305 rgb(25,19,5)
```
#291f09
```
#291f09 rgb(41,31,9)
```
#392b0c
```
#392b0c rgb(57,43,12)
```
#493710
```
#493710 rgb(73,55,16)
```
#594313
```
#594313 rgb(89,67,19)
```
#694f17
```
#694f17 rgb(105,79,23)
```
#795b1a
```
#795b1a rgb(121,91,26)
```
#8a671e
```
#8a671e rgb(138,103,30)
```
#9a7321
```
#9a7321 rgb(154,115,33)
```
#aa7f25
```
#aa7f25 rgb(170,127,37)
```
#ba8b28
```
#ba8b28 rgb(186,139,40)
```
#ca972c
```
#ca972c rgb(202,151,44)
```

Shade Color Variation

#d3a136
```
#d3a136 rgb(211,161,54)
```
#d7a846
```
#d7a846 rgb(215,168,70)
```
#dab057
```
#dab057 rgb(218,176,87)
```
#deb767
```
#deb767 rgb(222,183,103)
```
#e1bf77
```
#e1bf77 rgb(225,191,119)
```
#e5c687
```
#e5c687 rgb(229,198,135)
```
#e8ce97
```
#e8ce97 rgb(232,206,151)
```
#ecd6a7
```
#ecd6a7 rgb(236,214,167)
```
#efddb7
```
#efddb7 rgb(239,221,183)
```
#f3e5c7
```
#f3e5c7 rgb(243,229,199)
```
#f6ecd7
```
#f6ecd7 rgb(246,236,215)
```
#faf4e8
```
#faf4e8 rgb(250,244,232)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#7e7c78
```
#7e7c78 rgb(126,124,120)
```
#88806e
```
#88806e rgb(136,128,110)
```
#918365
```
#918365 rgb(145,131,101)
```
#9b865b
```
#9b865b rgb(155,134,91)
```
#a48a52
```
#a48a52 rgb(164,138,82)
```
#ae8d48
```
#ae8d48 rgb(174,141,72)
```
#b7903f
```
#b7903f rgb(183,144,63)
```
#c19435
```
#c19435 rgb(193,148,53)
```
#ca972c
```
#ca972c rgb(202,151,44)
```
#d39a23
```
#d39a23 rgb(211,154,35)
```
#dd9e19
```
#dd9e19 rgb(221,158,25)
```
#e6a110
```
#e6a110 rgb(230,161,16)
```
#f0a406
```
#f0a406 rgb(240,164,6)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a49984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a439 Protanopia 1% of men
#cc9c36 Deuteranopia 1% of men
#d3929c Tritanopia 0.001% of the population

Trichromacy

#be9f34 Protanomaly 1% of men, 0.01% of women
#cb9a32 Deuteranomaly 6% of men, 0.4% of women
#d09473 Tritanomaly 0.01% of the population

#ca972c hex color

#ca972c Color Information

#ca972c Color Conversion

Color Schemes with #ca972c

Alternatives to #ca972c

#ca972c Preview

Shades and Tints of #ca972c

Tones of #ca972c

Color Blindness Simulator