#ca731e hex color

In a RGB color space, hex #ca731e is composed of 79.2% red, 45.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 29.7 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca731e color hex could be obtained by blending #ffe63c with #950000. Closest websafe color is: #cc6633.

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

● #ca731e color description : Strong orange.

The hexadecimal color #ca731e has RGB values of R:202, G:115, B:30 and CMYK values of C:0, M:0.43, Y:0.85, K:0.21. Its decimal value is 13267742.

Hex triplet	ca731e	`#ca731e`
RGB Decimal	202, 115, 30	`rgb(202,115,30)`
RGB Percent	79.2, 45.1, 11.8	`rgb(79.2%,45.1%,11.8%)`
CMYK	0, 43, 85, 21
HSL	29.7°, 74.1, 45.5	`hsl(29.7,74.1%,45.5%)`
HSV (or HSB)	29.7°, 85.1, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.992, 28.526, 57.116
XYZ	30.723, 24.914, 4.419
xyY	0.512, 0.415, 24.914
CIE-LCH	56.992, 63.843, 63.46
CIE-LUV	56.992, 71.405, 50.742
Hunter-Lab	49.914, 22.52, 29.691
Binary	11001010, 01110011, 00011110

#ca731e
```
#ca731e rgb(202,115,30)
```
#1e75ca
```
#1e75ca rgb(30,117,202)
```

Complementary Color

#ca1e1f
```
#ca1e1f rgb(202,30,31)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#cac91e
```
#cac91e rgb(202,201,30)
```

Analogous Color

#1e1fca
```
#1e1fca rgb(30,31,202)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#1ecac9
```
#1ecac9 rgb(30,202,201)
```

Split Complementary Color

#731eca
```
#731eca rgb(115,30,202)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#1eca73
```
#1eca73 rgb(30,202,115)
```

Triadic Color

#ca1e75
```
#ca1e75 rgb(202,30,117)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#1eca73
```
#1eca73 rgb(30,202,115)
```
#1e75ca
```
#1e75ca rgb(30,117,202)
```

Tetradic Color

#874d14
```
#874d14 rgb(135,77,20)
```
#9e5a17
```
#9e5a17 rgb(158,90,23)
```
#b4661b
```
#b4661b rgb(180,102,27)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#de8023
```
#de8023 rgb(222,128,35)
```
#e28d39
```
#e28d39 rgb(226,141,57)
```
#e59950
```
#e59950 rgb(229,153,80)
```

Monochromatic Color

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

#ca481e
```
#ca481e rgb(202,72,30)
```
#ca561e
```
#ca561e rgb(202,86,30)
```
#ca651e
```
#ca651e rgb(202,101,30)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#ca811e
```
#ca811e rgb(202,129,30)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#ca9e1e
```
#ca9e1e rgb(202,158,30)
```

Similar Colors

Text with hexadecimal color #ca731e

This text has a font color of #ca731e.

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

#ca731e background color

This paragraph has a background color of #ca731e.

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

#ca731e border color

This element has a border color of #ca731e.

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

CSS codes

.text {color:#ca731e;}

.background {background-color:#ca731e;}

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

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

#0e0802
```
#0e0802 rgb(14,8,2)
```
#1f1205
```
#1f1205 rgb(31,18,5)
```
#301b07
```
#301b07 rgb(48,27,7)
```
#41250a
```
#41250a rgb(65,37,10)
```
#522f0c
```
#522f0c rgb(82,47,12)
```
#64390f
```
#64390f rgb(100,57,15)
```
#754211
```
#754211 rgb(117,66,17)
```
#864c14
```
#864c14 rgb(134,76,20)
```
#975616
```
#975616 rgb(151,86,22)
```
#a86019
```
#a86019 rgb(168,96,25)
```
#b9691b
```
#b9691b rgb(185,105,27)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#db7d21
```
#db7d21 rgb(219,125,33)
```

Shade Color Variation

#e0872f
```
#e0872f rgb(224,135,47)
```
#e39040
```
#e39040 rgb(227,144,64)
```
#e59a51
```
#e59a51 rgb(229,154,81)
```
#e8a462
```
#e8a462 rgb(232,164,98)
```
#eaae73
```
#eaae73 rgb(234,174,115)
```
#edb885
```
#edb885 rgb(237,184,133)
```
#efc296
```
#efc296 rgb(239,194,150)
```
#f2cca7
```
#f2cca7 rgb(242,204,167)
```
#f4d6b8
```
#f4d6b8 rgb(244,214,184)
```
#f7e0c9
```
#f7e0c9 rgb(247,224,201)
```
#f9eada
```
#f9eada rgb(249,234,218)
```
#fcf3eb
```
#fcf3eb rgb(252,243,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7a746e
```
#7a746e rgb(122,116,110)
```
#837465
```
#837465 rgb(131,116,101)
```
#8c745c
```
#8c745c rgb(140,116,92)
```
#947454
```
#947454 rgb(148,116,84)
```
#9d744b
```
#9d744b rgb(157,116,75)
```
#a67342
```
#a67342 rgb(166,115,66)
```
#af7339
```
#af7339 rgb(175,115,57)
```
#b87330
```
#b87330 rgb(184,115,48)
```
#c17327
```
#c17327 rgb(193,115,39)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#d37315
```
#d37315 rgb(211,115,21)
```
#dc730c
```
#dc730c rgb(220,115,12)
```
#e57303
```
#e57303 rgb(229,115,3)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#91806f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2f Protanopia 1% of men
#b28822 Deuteranopia 1% of men
#d0727a Tritanopia 0.001% of the population

Trichromacy

#ae8428 Protanomaly 1% of men, 0.01% of women
#ba8020 Deuteranomaly 6% of men, 0.4% of women
#ce7258 Tritanomaly 0.01% of the population

#ca731e hex color

#ca731e Color Information

#ca731e Color Conversion

Color Schemes with #ca731e

Alternatives to #ca731e

#ca731e Preview

Shades and Tints of #ca731e

Tones of #ca731e

Color Blindness Simulator