#ca972f hex color

In a RGB color space, hex #ca972f is composed of 79.2% red, 59.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 76.7% yellow and 20.8% black. It has a hue angle of 40.3 degrees, a saturation of 62.2% and a lightness of 48.8%. #ca972f color hex could be obtained by blending #ffff5e with #952f00. Closest websafe color is: #cc9933.

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

● #ca972f color description : Strong orange.

The hexadecimal color #ca972f has RGB values of R:202, G:151, B:47 and CMYK values of C:0, M:0.25, Y:0.77, K:0.21. Its decimal value is 13276975.

Hex triplet	ca972f	`#ca972f`
RGB Decimal	202, 151, 47	`rgb(202,151,47)`
RGB Percent	79.2, 59.2, 18.4	`rgb(79.2%,59.2%,18.4%)`
CMYK	0, 25, 77, 21
HSL	40.3°, 62.2, 48.8	`hsl(40.3,62.2%,48.8%)`
HSV (or HSB)	40.3°, 76.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.668, 9.535, 58.706
XYZ	35.937, 34.897, 7.532
xyY	0.459, 0.445, 34.897
CIE-LCH	65.668, 59.475, 80.775
CIE-LUV	65.668, 41.966, 60.883
Hunter-Lab	59.074, 5.212, 33.792
Binary	11001010, 10010111, 00101111

#ca972f
```
#ca972f rgb(202,151,47)
```
#2f62ca
```
#2f62ca rgb(47,98,202)
```

Complementary Color

#ca4a2f
```
#ca4a2f rgb(202,74,47)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#b0ca2f
```
#b0ca2f rgb(176,202,47)
```

Analogous Color

#4a2fca
```
#4a2fca rgb(74,47,202)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#2fb0ca
```
#2fb0ca rgb(47,176,202)
```

Split Complementary Color

#972fca
```
#972fca rgb(151,47,202)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#2fca97
```
#2fca97 rgb(47,202,151)
```

Triadic Color

#ca2f62
```
#ca2f62 rgb(202,47,98)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#2fca97
```
#2fca97 rgb(47,202,151)
```
#2f62ca
```
#2f62ca rgb(47,98,202)
```

Tetradic Color

#8c6921
```
#8c6921 rgb(140,105,33)
```
#a17825
```
#a17825 rgb(161,120,37)
```
#b5882a
```
#b5882a rgb(181,136,42)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#d3a240
```
#d3a240 rgb(211,162,64)
```
#d7ac55
```
#d7ac55 rgb(215,172,85)
```
#dcb669
```
#dcb669 rgb(220,182,105)
```

Monochromatic Color

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

#ca702f
```
#ca702f rgb(202,112,47)
```
#ca7d2f
```
#ca7d2f rgb(202,125,47)
```
#ca8a2f
```
#ca8a2f rgb(202,138,47)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#caa42f
```
#caa42f rgb(202,164,47)
```
#cab12f
```
#cab12f rgb(202,177,47)
```
#cabe2f
```
#cabe2f rgb(202,190,47)
```

Similar Colors

Text with hexadecimal color #ca972f

This text has a font color of #ca972f.

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

#ca972f background color

This paragraph has a background color of #ca972f.

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

#ca972f border color

This element has a border color of #ca972f.

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

CSS codes

.text {color:#ca972f;}

.background {background-color:#ca972f;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1b1406
```
#1b1406 rgb(27,20,6)
```
#2b200a
```
#2b200a rgb(43,32,10)
```
#3b2c0e
```
#3b2c0e rgb(59,44,14)
```
#4b3811
```
#4b3811 rgb(75,56,17)
```
#5b4415
```
#5b4415 rgb(91,68,21)
```
#6b5019
```
#6b5019 rgb(107,80,25)
```
#7a5c1c
```
#7a5c1c rgb(122,92,28)
```
#8a6720
```
#8a6720 rgb(138,103,32)
```
#9a7324
```
#9a7324 rgb(154,115,36)
```
#aa7f28
```
#aa7f28 rgb(170,127,40)
```
#ba8b2b
```
#ba8b2b rgb(186,139,43)
```
#ca972f
```
#ca972f rgb(202,151,47)
```

Shade Color Variation

#d1a03b
```
#d1a03b rgb(209,160,59)
```
#d5a84b
```
#d5a84b rgb(213,168,75)
```
#d9af5b
```
#d9af5b rgb(217,175,91)
```
#ddb76b
```
#ddb76b rgb(221,183,107)
```
#e0bf7b
```
#e0bf7b rgb(224,191,123)
```
#e4c78b
```
#e4c78b rgb(228,199,139)
```
#e8ce9b
```
#e8ce9b rgb(232,206,155)
```
#ebd6ab
```
#ebd6ab rgb(235,214,171)
```
#efdeba
```
#efdeba rgb(239,222,186)
```
#f3e5ca
```
#f3e5ca rgb(243,229,202)
```
#f6edda
```
#f6edda rgb(246,237,218)
```
#faf5ea
```
#faf5ea rgb(250,245,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7d7d7c
```
#7d7d7c rgb(125,125,124)
```
#878072
```
#878072 rgb(135,128,114)
```
#918368
```
#918368 rgb(145,131,104)
```
#9a875f
```
#9a875f rgb(154,135,95)
```
#a48a55
```
#a48a55 rgb(164,138,85)
```
#ad8d4c
```
#ad8d4c rgb(173,141,76)
```
#b79042
```
#b79042 rgb(183,144,66)
```
#c09439
```
#c09439 rgb(192,148,57)
```
#ca972f
```
#ca972f rgb(202,151,47)
```
#d49a25
```
#d49a25 rgb(212,154,37)
```
#dd9e1c
```
#dd9e1c rgb(221,158,28)
```
#e7a112
```
#e7a112 rgb(231,161,18)
```
#f0a409
```
#f0a409 rgb(240,164,9)
```

Tone Color Variation

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

Dichromacy

#b7a43c Protanopia 1% of men
#cb9c39 Deuteranopia 1% of men
#d3929c Tritanopia 0.001% of the population

Trichromacy

#be9f37 Protanomaly 1% of men, 0.01% of women
#cb9a35 Deuteranomaly 6% of men, 0.4% of women
#d09474 Tritanomaly 0.01% of the population

#ca972f hex color

#ca972f Color Information

#ca972f Color Conversion

Color Schemes with #ca972f

Alternatives to #ca972f

#ca972f Preview

Shades and Tints of #ca972f

Tones of #ca972f

Color Blindness Simulator