#ca871f hex color

In a RGB color space, hex #ca871f is composed of 79.2% red, 52.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 36.5 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca871f color hex could be obtained by blending #ffff3e with #950f00. Closest websafe color is: #cc9933.

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

● #ca871f color description : Strong orange.

The hexadecimal color #ca871f has RGB values of R:202, G:135, B:31 and CMYK values of C:0, M:0.33, Y:0.85, K:0.21. Its decimal value is 13272863.

Hex triplet	ca871f	`#ca871f`
RGB Decimal	202, 135, 31	`rgb(202,135,31)`
RGB Percent	79.2, 52.9, 12.2	`rgb(79.2%,52.9%,12.2%)`
CMYK	0, 33, 85, 21
HSL	36.5°, 73.4, 45.7	`hsl(36.5,73.4%,45.7%)`
HSV (or HSB)	36.5°, 84.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.642, 17.712, 60.694
XYZ	33.269, 29.986, 5.332
xyY	0.485, 0.437, 29.986
CIE-LCH	61.642, 63.226, 73.732
CIE-LUV	61.642, 55.149, 58.044
Hunter-Lab	54.759, 12.62, 32.558
Binary	11001010, 10000111, 00011111

#ca871f
```
#ca871f rgb(202,135,31)
```
#1f62ca
```
#1f62ca rgb(31,98,202)
```

Complementary Color

#ca321f
```
#ca321f rgb(202,50,31)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#b8ca1f
```
#b8ca1f rgb(184,202,31)
```

Analogous Color

#321fca
```
#321fca rgb(50,31,202)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#1fb8ca
```
#1fb8ca rgb(31,184,202)
```

Split Complementary Color

#871fca
```
#871fca rgb(135,31,202)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#1fca87
```
#1fca87 rgb(31,202,135)
```

Triadic Color

#ca1f62
```
#ca1f62 rgb(202,31,98)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#1fca87
```
#1fca87 rgb(31,202,135)
```
#1f62ca
```
#1f62ca rgb(31,98,202)
```

Tetradic Color

#885b15
```
#885b15 rgb(136,91,21)
```
#9e6918
```
#9e6918 rgb(158,105,24)
```
#b4781c
```
#b4781c rgb(180,120,28)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#de9525
```
#de9525 rgb(222,149,37)
```
#e1a03b
```
#e1a03b rgb(225,160,59)
```
#e4ab51
```
#e4ab51 rgb(228,171,81)
```

Monochromatic Color

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

#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#ca6b1f
```
#ca6b1f rgb(202,107,31)
```
#ca791f
```
#ca791f rgb(202,121,31)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#ca951f
```
#ca951f rgb(202,149,31)
```
#caa41f
```
#caa41f rgb(202,164,31)
```
#cab21f
```
#cab21f rgb(202,178,31)
```

Similar Colors

Text with hexadecimal color #ca871f

This text has a font color of #ca871f.

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

#ca871f background color

This paragraph has a background color of #ca871f.

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

#ca871f border color

This element has a border color of #ca871f.

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

CSS codes

.text {color:#ca871f;}

.background {background-color:#ca871f;}

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

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

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#201505
```
#201505 rgb(32,21,5)
```
#312108
```
#312108 rgb(49,33,8)
```
#422c0a
```
#422c0a rgb(66,44,10)
```
#53370d
```
#53370d rgb(83,55,13)
```
#64430f
```
#64430f rgb(100,67,15)
```
#754e12
```
#754e12 rgb(117,78,18)
```
#865a15
```
#865a15 rgb(134,90,21)
```
#976517
```
#976517 rgb(151,101,23)
```
#a8701a
```
#a8701a rgb(168,112,26)
```
#b97c1c
```
#b97c1c rgb(185,124,28)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#db9222
```
#db9222 rgb(219,146,34)
```

Shade Color Variation

#df9b31
```
#df9b31 rgb(223,155,49)
```
#e2a342
```
#e2a342 rgb(226,163,66)
```
#e5ab53
```
#e5ab53 rgb(229,171,83)
```
#e7b464
```
#e7b464 rgb(231,180,100)
```
#eabc75
```
#eabc75 rgb(234,188,117)
```
#ecc486
```
#ecc486 rgb(236,196,134)
```
#efcc97
```
#efcc97 rgb(239,204,151)
```
#f2d5a8
```
#f2d5a8 rgb(242,213,168)
```
#f4ddb9
```
#f4ddb9 rgb(244,221,185)
```
#f7e5ca
```
#f7e5ca rgb(247,229,202)
```
#f9eddb
```
#f9eddb rgb(249,237,219)
```
#fcf6ec
```
#fcf6ec rgb(252,246,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#797670
```
#797670 rgb(121,118,112)
```
#827767
```
#827767 rgb(130,119,103)
```
#8b795e
```
#8b795e rgb(139,121,94)
```
#947b55
```
#947b55 rgb(148,123,85)
```
#9d7d4c
```
#9d7d4c rgb(157,125,76)
```
#a67f43
```
#a67f43 rgb(166,127,67)
```
#af813a
```
#af813a rgb(175,129,58)
```
#b88331
```
#b88331 rgb(184,131,49)
```
#c18528
```
#c18528 rgb(193,133,40)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#d38916
```
#d38916 rgb(211,137,22)
```
#dc8b0d
```
#dc8b0d rgb(220,139,13)
```
#e58d04
```
#e58d04 rgb(229,141,4)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9b8d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a2e Protanopia 1% of men
#c09327 Deuteranopia 1% of men
#d2848d Tritanopia 0.001% of the population

Trichromacy

#b79328 Protanomaly 1% of men, 0.01% of women
#c38e24 Deuteranomaly 6% of men, 0.4% of women
#cf8565 Tritanomaly 0.01% of the population

#ca871f hex color

#ca871f Color Information

#ca871f Color Conversion

Color Schemes with #ca871f

Alternatives to #ca871f

#ca871f Preview

Shades and Tints of #ca871f

Tones of #ca871f

Color Blindness Simulator