#ca6a1f hex color

In a RGB color space, hex #ca6a1f is composed of 79.2% red, 41.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 26.3 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca6a1f color hex could be obtained by blending #ffd43e with #950000. Closest websafe color is: #cc6633.

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

● #ca6a1f color description : Strong orange.

The hexadecimal color #ca6a1f has RGB values of R:202, G:106, B:31 and CMYK values of C:0, M:0.48, Y:0.85, K:0.21. Its decimal value is 13265439.

Hex triplet	ca6a1f	`#ca6a1f`
RGB Decimal	202, 106, 31	`rgb(202,106,31)`
RGB Percent	79.2, 41.6, 12.2	`rgb(79.2%,41.6%,12.2%)`
CMYK	0, 48, 85, 21
HSL	26.3°, 73.4, 45.7	`hsl(26.3,73.4%,45.7%)`
HSV (or HSB)	26.3°, 84.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.038, 33.324, 55.107
XYZ	29.76, 22.966, 4.162
xyY	0.523, 0.404, 22.966
CIE-LCH	55.038, 64.399, 58.838
CIE-LUV	55.038, 78.675, 47.31
Hunter-Lab	47.923, 26.98, 28.397
Binary	11001010, 01101010, 00011111

#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#1f7fca
```
#1f7fca rgb(31,127,202)
```

Complementary Color

#ca1f2a
```
#ca1f2a rgb(202,31,42)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#cac01f
```
#cac01f rgb(202,192,31)
```

Analogous Color

#1f2aca
```
#1f2aca rgb(31,42,202)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#1fcac0
```
#1fcac0 rgb(31,202,192)
```

Split Complementary Color

#6a1fca
```
#6a1fca rgb(106,31,202)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#1fca6a
```
#1fca6a rgb(31,202,106)
```

Triadic Color

#ca1f7f
```
#ca1f7f rgb(202,31,127)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#1fca6a
```
#1fca6a rgb(31,202,106)
```
#1f7fca
```
#1f7fca rgb(31,127,202)
```

Tetradic Color

#884715
```
#884715 rgb(136,71,21)
```
#9e5318
```
#9e5318 rgb(158,83,24)
```
#b45e1c
```
#b45e1c rgb(180,94,28)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#de7625
```
#de7625 rgb(222,118,37)
```
#e1843b
```
#e1843b rgb(225,132,59)
```
#e49251
```
#e49251 rgb(228,146,81)
```

Monochromatic Color

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

#ca3f1f
```
#ca3f1f rgb(202,63,31)
```
#ca4e1f
```
#ca4e1f rgb(202,78,31)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#ca781f
```
#ca781f rgb(202,120,31)
```
#ca871f
```
#ca871f rgb(202,135,31)
```
#ca951f
```
#ca951f rgb(202,149,31)
```

Similar Colors

Text with hexadecimal color #ca6a1f

This text has a font color of #ca6a1f.

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

#ca6a1f background color

This paragraph has a background color of #ca6a1f.

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

#ca6a1f border color

This element has a border color of #ca6a1f.

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

CSS codes

.text {color:#ca6a1f;}

.background {background-color:#ca6a1f;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#201105
```
#201105 rgb(32,17,5)
```
#311a08
```
#311a08 rgb(49,26,8)
```
#42230a
```
#42230a rgb(66,35,10)
```
#532c0d
```
#532c0d rgb(83,44,13)
```
#64340f
```
#64340f rgb(100,52,15)
```
#753d12
```
#753d12 rgb(117,61,18)
```
#864615
```
#864615 rgb(134,70,21)
```
#974f17
```
#974f17 rgb(151,79,23)
```
#a8581a
```
#a8581a rgb(168,88,26)
```
#b9611c
```
#b9611c rgb(185,97,28)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#db7322
```
#db7322 rgb(219,115,34)
```

Shade Color Variation

#df7d31
```
#df7d31 rgb(223,125,49)
```
#e28842
```
#e28842 rgb(226,136,66)
```
#e59353
```
#e59353 rgb(229,147,83)
```
#e79d64
```
#e79d64 rgb(231,157,100)
```
#eaa875
```
#eaa875 rgb(234,168,117)
```
#ecb386
```
#ecb386 rgb(236,179,134)
```
#efbe97
```
#efbe97 rgb(239,190,151)
```
#f2c8a8
```
#f2c8a8 rgb(242,200,168)
```
#f4d3b9
```
#f4d3b9 rgb(244,211,185)
```
#f7deca
```
#f7deca rgb(247,222,202)
```
#f9e8db
```
#f9e8db rgb(249,232,219)
```
#fcf3ec
```
#fcf3ec rgb(252,243,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#797470
```
#797470 rgb(121,116,112)
```
#827367
```
#827367 rgb(130,115,103)
```
#8b725e
```
#8b725e rgb(139,114,94)
```
#947155
```
#947155 rgb(148,113,85)
```
#9d704c
```
#9d704c rgb(157,112,76)
```
#a66e43
```
#a66e43 rgb(166,110,67)
```
#af6d3a
```
#af6d3a rgb(175,109,58)
```
#b86c31
```
#b86c31 rgb(184,108,49)
```
#c16b28
```
#c16b28 rgb(193,107,40)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#d36916
```
#d36916 rgb(211,105,22)
```
#dc680d
```
#dc680d rgb(220,104,13)
```
#e56704
```
#e56704 rgb(229,103,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8d7a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a30 Protanopia 1% of men
#ac8321 Deuteranopia 1% of men
#d06a71 Tritanopia 0.001% of the population

Trichromacy

#ab7e2a Protanomaly 1% of men, 0.01% of women
#b77a20 Deuteranomaly 6% of men, 0.4% of women
#cd6a53 Tritanomaly 0.01% of the population

#ca6a1f hex color

#ca6a1f Color Information

#ca6a1f Color Conversion

Color Schemes with #ca6a1f

Alternatives to #ca6a1f

#ca6a1f Preview

Shades and Tints of #ca6a1f

Tones of #ca6a1f

Color Blindness Simulator