#ca971e hex color

In a RGB color space, hex #ca971e is composed of 79.2% red, 59.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 42.2 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca971e color hex could be obtained by blending #ffff3c with #952f00. Closest websafe color is: #cc9933.

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

● #ca971e color description : Strong orange.

The hexadecimal color #ca971e has RGB values of R:202, G:151, B:30 and CMYK values of C:0, M:0.25, Y:0.85, K:0.21. Its decimal value is 13276958.

Hex triplet	ca971e	`#ca971e`
RGB Decimal	202, 151, 30	`rgb(202,151,30)`
RGB Percent	79.2, 59.2, 11.8	`rgb(79.2%,59.2%,11.8%)`
CMYK	0, 25, 85, 21
HSL	42.2°, 74.1, 45.5	`hsl(42.2,74.1%,45.5%)`
HSV (or HSB)	42.2°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.581, 8.973, 64.279
XYZ	35.659, 34.786, 6.064
xyY	0.466, 0.455, 34.786
CIE-LCH	65.581, 64.902, 82.053
CIE-LUV	65.581, 42.583, 64.396
Hunter-Lab	58.979, 4.707, 35.189
Binary	11001010, 10010111, 00011110

#ca971e
```
#ca971e rgb(202,151,30)
```
#1e51ca
```
#1e51ca rgb(30,81,202)
```

Complementary Color

#ca411e
```
#ca411e rgb(202,65,30)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#a7ca1e
```
#a7ca1e rgb(167,202,30)
```

Analogous Color

#411eca
```
#411eca rgb(65,30,202)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#1ea7ca
```
#1ea7ca rgb(30,167,202)
```

Split Complementary Color

#971eca
```
#971eca rgb(151,30,202)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#1eca97
```
#1eca97 rgb(30,202,151)
```

Triadic Color

#ca1e51
```
#ca1e51 rgb(202,30,81)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#1eca97
```
#1eca97 rgb(30,202,151)
```
#1e51ca
```
#1e51ca rgb(30,81,202)
```

Tetradic Color

#876514
```
#876514 rgb(135,101,20)
```
#9e7617
```
#9e7617 rgb(158,118,23)
```
#b4861b
```
#b4861b rgb(180,134,27)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#dea723
```
#dea723 rgb(222,167,35)
```
#e2b039
```
#e2b039 rgb(226,176,57)
```
#e5b950
```
#e5b950 rgb(229,185,80)
```

Monochromatic Color

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

#ca6c1e
```
#ca6c1e rgb(202,108,30)
```
#ca7a1e
```
#ca7a1e rgb(202,122,30)
```
#ca891e
```
#ca891e rgb(202,137,30)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#caa51e
```
#caa51e rgb(202,165,30)
```
#cab41e
```
#cab41e rgb(202,180,30)
```
#cac21e
```
#cac21e rgb(202,194,30)
```

Similar Colors

Text with hexadecimal color #ca971e

This text has a font color of #ca971e.

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

#ca971e background color

This paragraph has a background color of #ca971e.

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

#ca971e border color

This element has a border color of #ca971e.

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

CSS codes

.text {color:#ca971e;}

.background {background-color:#ca971e;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#1f1705
```
#1f1705 rgb(31,23,5)
```
#302407
```
#302407 rgb(48,36,7)
```
#41310a
```
#41310a rgb(65,49,10)
```
#523e0c
```
#523e0c rgb(82,62,12)
```
#644a0f
```
#644a0f rgb(100,74,15)
```
#755711
```
#755711 rgb(117,87,17)
```
#866414
```
#866414 rgb(134,100,20)
```
#977116
```
#977116 rgb(151,113,22)
```
#a87d19
```
#a87d19 rgb(168,125,25)
```
#b98a1b
```
#b98a1b rgb(185,138,27)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#dba421
```
#dba421 rgb(219,164,33)
```

Shade Color Variation

#e0ac2f
```
#e0ac2f rgb(224,172,47)
```
#e3b240
```
#e3b240 rgb(227,178,64)
```
#e5b951
```
#e5b951 rgb(229,185,81)
```
#e8c062
```
#e8c062 rgb(232,192,98)
```
#eac773
```
#eac773 rgb(234,199,115)
```
#edce85
```
#edce85 rgb(237,206,133)
```
#efd596
```
#efd596 rgb(239,213,150)
```
#f2dca7
```
#f2dca7 rgb(242,220,167)
```
#f4e2b8
```
#f4e2b8 rgb(244,226,184)
```
#f7e9c9
```
#f7e9c9 rgb(247,233,201)
```
#f9f0da
```
#f9f0da rgb(249,240,218)
```
#fcf7eb
```
#fcf7eb rgb(252,247,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7a766e
```
#7a766e rgb(122,118,110)
```
#837a65
```
#837a65 rgb(131,122,101)
```
#8c7e5c
```
#8c7e5c rgb(140,126,92)
```
#948154
```
#948154 rgb(148,129,84)
```
#9d854b
```
#9d854b rgb(157,133,75)
```
#a68842
```
#a68842 rgb(166,136,66)
```
#af8c39
```
#af8c39 rgb(175,140,57)
```
#b89030
```
#b89030 rgb(184,144,48)
```
#c19327
```
#c19327 rgb(193,147,39)
```
#ca971e
```
#ca971e rgb(202,151,30)
```
#d39b15
```
#d39b15 rgb(211,155,21)
```
#dc9e0c
```
#dc9e0c rgb(220,158,12)
```
#e5a203
```
#e5a203 rgb(229,162,3)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a29880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a42b Protanopia 1% of men
#cc9c29 Deuteranopia 1% of men
#d4929c Tritanopia 0.001% of the population

Trichromacy

#be9f26 Protanomaly 1% of men, 0.01% of women
#cb9a25 Deuteranomaly 6% of men, 0.4% of women
#d0946e Tritanomaly 0.01% of the population

#ca971e hex color

#ca971e Color Information

#ca971e Color Conversion

Color Schemes with #ca971e

Alternatives to #ca971e

#ca971e Preview

Shades and Tints of #ca971e

Tones of #ca971e

Color Blindness Simulator