#ca881f hex color

In a RGB color space, hex #ca881f is composed of 79.2% red, 53.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 36.8 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca881f color hex could be obtained by blending #ffff3e with #951100. 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

● #ca881f color description : Strong orange.

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

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

CIE-LAB	61.883, 17.166, 60.897
XYZ	33.409, 30.266, 5.379
xyY	0.484, 0.438, 30.266
CIE-LCH	61.883, 63.27, 74.258
CIE-LUV	61.883, 54.35, 58.427
Hunter-Lab	55.015, 12.125, 32.714
Binary	11001010, 10001000, 00011111

#ca881f
```
#ca881f rgb(202,136,31)
```
#1f61ca
```
#1f61ca rgb(31,97,202)
```

Complementary Color

#ca321f
```
#ca321f rgb(202,50,31)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#b7ca1f
```
#b7ca1f rgb(183,202,31)
```

Analogous Color

#331fca
```
#331fca rgb(51,31,202)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#1fb7ca
```
#1fb7ca rgb(31,183,202)
```

Split Complementary Color

#881fca
```
#881fca rgb(136,31,202)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#1fca88
```
#1fca88 rgb(31,202,136)
```

Triadic Color

#ca1f61
```
#ca1f61 rgb(202,31,97)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#1fca88
```
#1fca88 rgb(31,202,136)
```
#1f61ca
```
#1f61ca rgb(31,97,202)
```

Tetradic Color

#885b15
```
#885b15 rgb(136,91,21)
```
#9e6a18
```
#9e6a18 rgb(158,106,24)
```
#b4791c
```
#b4791c rgb(180,121,28)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#de9625
```
#de9625 rgb(222,150,37)
```
#e1a13b
```
#e1a13b rgb(225,161,59)
```
#e4ac51
```
#e4ac51 rgb(228,172,81)
```

Monochromatic Color

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

#ca5d1f
```
#ca5d1f rgb(202,93,31)
```
#ca6c1f
```
#ca6c1f rgb(202,108,31)
```
#ca7a1f
```
#ca7a1f rgb(202,122,31)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#ca961f
```
#ca961f rgb(202,150,31)
```
#caa51f
```
#caa51f rgb(202,165,31)
```
#cab31f
```
#cab31f rgb(202,179,31)
```

Similar Colors

Text with hexadecimal color #ca881f

This text has a font color of #ca881f.

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

#ca881f background color

This paragraph has a background color of #ca881f.

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

#ca881f border color

This element has a border color of #ca881f.

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

CSS codes

.text {color:#ca881f;}

.background {background-color:#ca881f;}

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

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)
```
#201605
```
#201605 rgb(32,22,5)
```
#312108
```
#312108 rgb(49,33,8)
```
#422c0a
```
#422c0a rgb(66,44,10)
```
#53380d
```
#53380d rgb(83,56,13)
```
#64430f
```
#64430f rgb(100,67,15)
```
#754f12
```
#754f12 rgb(117,79,18)
```
#865a15
```
#865a15 rgb(134,90,21)
```
#976617
```
#976617 rgb(151,102,23)
```
#a8711a
```
#a8711a rgb(168,113,26)
```
#b97d1c
```
#b97d1c rgb(185,125,28)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#db9322
```
#db9322 rgb(219,147,34)
```

Shade Color Variation

#df9c31
```
#df9c31 rgb(223,156,49)
```
#e2a442
```
#e2a442 rgb(226,164,66)
```
#e5ac53
```
#e5ac53 rgb(229,172,83)
```
#e7b564
```
#e7b564 rgb(231,181,100)
```
#eabd75
```
#eabd75 rgb(234,189,117)
```
#ecc586
```
#ecc586 rgb(236,197,134)
```
#efcd97
```
#efcd97 rgb(239,205,151)
```
#f2d5a8
```
#f2d5a8 rgb(242,213,168)
```
#f4ddb9
```
#f4ddb9 rgb(244,221,185)
```
#f7e6ca
```
#f7e6ca rgb(247,230,202)
```
#f9eedb
```
#f9eedb rgb(249,238,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 #e58e04 is the most saturated one.

#797670
```
#797670 rgb(121,118,112)
```
#827867
```
#827867 rgb(130,120,103)
```
#8b7a5e
```
#8b7a5e rgb(139,122,94)
```
#947c55
```
#947c55 rgb(148,124,85)
```
#9d7e4c
```
#9d7e4c rgb(157,126,76)
```
#a68043
```
#a68043 rgb(166,128,67)
```
#af823a
```
#af823a rgb(175,130,58)
```
#b88431
```
#b88431 rgb(184,132,49)
```
#c18628
```
#c18628 rgb(193,134,40)
```
#ca881f
```
#ca881f rgb(202,136,31)
```
#d38a16
```
#d38a16 rgb(211,138,22)
```
#dc8c0d
```
#dc8c0d rgb(220,140,13)
```
#e58e04
```
#e58e04 rgb(229,142,4)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9c8e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b2e Protanopia 1% of men
#c19327 Deuteranopia 1% of men
#d2858e Tritanopia 0.001% of the population

Trichromacy

#b79428 Protanomaly 1% of men, 0.01% of women
#c48f24 Deuteranomaly 6% of men, 0.4% of women
#cf8665 Tritanomaly 0.01% of the population

#ca881f hex color

#ca881f Color Information

#ca881f Color Conversion

Color Schemes with #ca881f

Alternatives to #ca881f

#ca881f Preview

Shades and Tints of #ca881f

Tones of #ca881f

Color Blindness Simulator