#ca631e hex color

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

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

● #ca631e color description : Strong orange.

The hexadecimal color #ca631e has RGB values of R:202, G:99, B:30 and CMYK values of C:0, M:0.51, Y:0.85, K:0.21. Its decimal value is 13263646.

Hex triplet	ca631e	`#ca631e`
RGB Decimal	202, 99, 30	`rgb(202,99,30)`
RGB Percent	79.2, 38.8, 11.8	`rgb(79.2%,38.8%,11.8%)`
CMYK	0, 51, 85, 21
HSL	24.1°, 74.1, 45.5	`hsl(24.1,74.1%,45.5%)`
HSV (or HSB)	24.1°, 85.1, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.575, 36.925, 54.239
XYZ	29.054, 21.577, 3.863
xyY	0.533, 0.396, 21.577
CIE-LCH	53.575, 65.615, 55.754
CIE-LUV	53.575, 84.4, 45.078
Hunter-Lab	46.451, 30.361, 27.585
Binary	11001010, 01100011, 00011110

#ca631e
```
#ca631e rgb(202,99,30)
```
#1e85ca
```
#1e85ca rgb(30,133,202)
```

Complementary Color

#ca1e2f
```
#ca1e2f rgb(202,30,47)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#cab91e
```
#cab91e rgb(202,185,30)
```

Analogous Color

#1e2fca
```
#1e2fca rgb(30,47,202)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#1ecab9
```
#1ecab9 rgb(30,202,185)
```

Split Complementary Color

#631eca
```
#631eca rgb(99,30,202)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#1eca63
```
#1eca63 rgb(30,202,99)
```

Triadic Color

#ca1e85
```
#ca1e85 rgb(202,30,133)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#1eca63
```
#1eca63 rgb(30,202,99)
```
#1e85ca
```
#1e85ca rgb(30,133,202)
```

Tetradic Color

#874214
```
#874214 rgb(135,66,20)
```
#9e4d17
```
#9e4d17 rgb(158,77,23)
```
#b4581b
```
#b4581b rgb(180,88,27)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#de6e23
```
#de6e23 rgb(222,110,35)
```
#e27d39
```
#e27d39 rgb(226,125,57)
```
#e58b50
```
#e58b50 rgb(229,139,80)
```

Monochromatic Color

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

#ca381e
```
#ca381e rgb(202,56,30)
```
#ca461e
```
#ca461e rgb(202,70,30)
```
#ca551e
```
#ca551e rgb(202,85,30)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#ca711e
```
#ca711e rgb(202,113,30)
```
#ca801e
```
#ca801e rgb(202,128,30)
```
#ca8e1e
```
#ca8e1e rgb(202,142,30)
```

Similar Colors

Text with hexadecimal color #ca631e

This text has a font color of #ca631e.

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

#ca631e background color

This paragraph has a background color of #ca631e.

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

#ca631e border color

This element has a border color of #ca631e.

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

CSS codes

.text {color:#ca631e;}

.background {background-color:#ca631e;}

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

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

#0e0702
```
#0e0702 rgb(14,7,2)
```
#1f0f05
```
#1f0f05 rgb(31,15,5)
```
#301807
```
#301807 rgb(48,24,7)
```
#41200a
```
#41200a rgb(65,32,10)
```
#52280c
```
#52280c rgb(82,40,12)
```
#64310f
```
#64310f rgb(100,49,15)
```
#753911
```
#753911 rgb(117,57,17)
```
#864214
```
#864214 rgb(134,66,20)
```
#974a16
```
#974a16 rgb(151,74,22)
```
#a85219
```
#a85219 rgb(168,82,25)
```
#b95b1b
```
#b95b1b rgb(185,91,27)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#db6b21
```
#db6b21 rgb(219,107,33)
```

Shade Color Variation

#e0762f
```
#e0762f rgb(224,118,47)
```
#e38140
```
#e38140 rgb(227,129,64)
```
#e58d51
```
#e58d51 rgb(229,141,81)
```
#e89862
```
#e89862 rgb(232,152,98)
```
#eaa373
```
#eaa373 rgb(234,163,115)
```
#edae85
```
#edae85 rgb(237,174,133)
```
#efba96
```
#efba96 rgb(239,186,150)
```
#f2c5a7
```
#f2c5a7 rgb(242,197,167)
```
#f4d0b8
```
#f4d0b8 rgb(244,208,184)
```
#f7dbc9
```
#f7dbc9 rgb(247,219,201)
```
#f9e7da
```
#f9e7da rgb(249,231,218)
```
#fcf2eb
```
#fcf2eb rgb(252,242,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7a736e
```
#7a736e rgb(122,115,110)
```
#837165
```
#837165 rgb(131,113,101)
```
#8c6f5c
```
#8c6f5c rgb(140,111,92)
```
#946e54
```
#946e54 rgb(148,110,84)
```
#9d6c4b
```
#9d6c4b rgb(157,108,75)
```
#a66a42
```
#a66a42 rgb(166,106,66)
```
#af6839
```
#af6839 rgb(175,104,57)
```
#b86730
```
#b86730 rgb(184,103,48)
```
#c16527
```
#c16527 rgb(193,101,39)
```
#ca631e
```
#ca631e rgb(202,99,30)
```
#d36115
```
#d36115 rgb(211,97,21)
```
#dc5f0c
```
#dc5f0c rgb(220,95,12)
```
#e55e03
```
#e55e03 rgb(229,94,3)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a7568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958630 Protanopia 1% of men
#a7801f Deuteranopia 1% of men
#cf646b Tritanopia 0.001% of the population

Trichromacy

#a87929 Protanomaly 1% of men, 0.01% of women
#b4751e Deuteranomaly 6% of men, 0.4% of women
#cd644f Tritanomaly 0.01% of the population

#ca631e hex color

#ca631e Color Information

#ca631e Color Conversion

Color Schemes with #ca631e

Alternatives to #ca631e

#ca631e Preview

Shades and Tints of #ca631e

Tones of #ca631e

Color Blindness Simulator