#ca5228 hex color

In a RGB color space, hex #ca5228 is composed of 79.2% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 80.2% yellow and 20.8% black. It has a hue angle of 15.6 degrees, a saturation of 66.9% and a lightness of 47.5%. #ca5228 color hex could be obtained by blending #ffa450 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 32
- B 16
RGB color chart
- C 0
- M 59
- Y 80
- K 21
CMYK color chart

● #ca5228 color description : Strong orange.

The hexadecimal color #ca5228 has RGB values of R:202, G:82, B:40 and CMYK values of C:0, M:0.59, Y:0.8, K:0.21. Its decimal value is 13259304.

Hex triplet	ca5228	`#ca5228`
RGB Decimal	202, 82, 40	`rgb(202,82,40)`
RGB Percent	79.2, 32.2, 15.7	`rgb(79.2%,32.2%,15.7%)`
CMYK	0, 59, 80, 21
HSL	15.6°, 66.9, 47.5	`hsl(15.6,66.9%,47.5%)`
HSV (or HSB)	15.6°, 80.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.39, 45.569, 47.082
XYZ	27.759, 18.747, 4.164
xyY	0.548, 0.37, 18.747
CIE-LCH	50.39, 65.523, 45.936
CIE-LUV	50.39, 96.667, 37.035
Hunter-Lab	43.298, 38.665, 24.606
Binary	11001010, 01010010, 00101000

#ca5228
```
#ca5228 rgb(202,82,40)
```
#28a0ca
```
#28a0ca rgb(40,160,202)
```

Complementary Color

#ca284f
```
#ca284f rgb(202,40,79)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#caa328
```
#caa328 rgb(202,163,40)
```

Analogous Color

#284fca
```
#284fca rgb(40,79,202)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#28caa3
```
#28caa3 rgb(40,202,163)
```

Split Complementary Color

#5228ca
```
#5228ca rgb(82,40,202)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#28ca52
```
#28ca52 rgb(40,202,82)
```

Triadic Color

#ca28a0
```
#ca28a0 rgb(202,40,160)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#28ca52
```
#28ca52 rgb(40,202,82)
```
#28a0ca
```
#28a0ca rgb(40,160,202)
```

Tetradic Color

#8a381b
```
#8a381b rgb(138,56,27)
```
#9f4120
```
#9f4120 rgb(159,65,32)
```
#b54924
```
#b54924 rgb(181,73,36)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#d75f35
```
#d75f35 rgb(215,95,53)
```
#db704a
```
#db704a rgb(219,112,74)
```
#df805f
```
#df805f rgb(223,128,95)
```

Monochromatic Color

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

#ca2a28
```
#ca2a28 rgb(202,42,40)
```
#ca3728
```
#ca3728 rgb(202,55,40)
```
#ca4528
```
#ca4528 rgb(202,69,40)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#ca6028
```
#ca6028 rgb(202,96,40)
```
#ca6d28
```
#ca6d28 rgb(202,109,40)
```
#ca7b28
```
#ca7b28 rgb(202,123,40)
```

Similar Colors

Text with hexadecimal color #ca5228

This text has a font color of #ca5228.

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

#ca5228 background color

This paragraph has a background color of #ca5228.

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

#ca5228 border color

This element has a border color of #ca5228.

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

CSS codes

.text {color:#ca5228;}

.background {background-color:#ca5228;}

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

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, #060201 is the darkest color, while #fdf6f4 is the lightest one.

#060201
```
#060201 rgb(6,2,1)
```
#160904
```
#160904 rgb(22,9,4)
```
#261008
```
#261008 rgb(38,16,8)
```
#37160b
```
#37160b rgb(55,22,11)
```
#471d0e
```
#471d0e rgb(71,29,14)
```
#572311
```
#572311 rgb(87,35,17)
```
#682a15
```
#682a15 rgb(104,42,21)
```
#783118
```
#783118 rgb(120,49,24)
```
#89371b
```
#89371b rgb(137,55,27)
```
#993e1e
```
#993e1e rgb(153,62,30)
```
#a94522
```
#a94522 rgb(169,69,34)
```
#ba4b25
```
#ba4b25 rgb(186,75,37)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```

Shade Color Variation

#d65b30
```
#d65b30 rgb(214,91,48)
```
#d96840
```
#d96840 rgb(217,104,64)
```
#dc7550
```
#dc7550 rgb(220,117,80)
```
#e08261
```
#e08261 rgb(224,130,97)
```
#e38f71
```
#e38f71 rgb(227,143,113)
```
#e69c82
```
#e69c82 rgb(230,156,130)
```
#e9a992
```
#e9a992 rgb(233,169,146)
```
#edb6a2
```
#edb6a2 rgb(237,182,162)
```
#f0c3b3
```
#f0c3b3 rgb(240,195,179)
```
#f3cfc3
```
#f3cfc3 rgb(243,207,195)
```
#f6dcd3
```
#f6dcd3 rgb(246,220,211)
```
#fae9e4
```
#fae9e4 rgb(250,233,228)
```
#fdf6f4
```
#fdf6f4 rgb(253,246,244)
```

Tint Color Variation

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

#807672
```
#807672 rgb(128,118,114)
```
#897169
```
#897169 rgb(137,113,105)
```
#926d60
```
#926d60 rgb(146,109,96)
```
#9b6857
```
#9b6857 rgb(155,104,87)
```
#a5644d
```
#a5644d rgb(165,100,77)
```
#ae5f44
```
#ae5f44 rgb(174,95,68)
```
#b75b3b
```
#b75b3b rgb(183,91,59)
```
#c15631
```
#c15631 rgb(193,86,49)
```
#ca5228
```
#ca5228 rgb(202,82,40)
```
#d34e1f
```
#d34e1f rgb(211,78,31)
```
#dd4915
```
#dd4915 rgb(221,73,21)
```
#e6450c
```
#e6450c rgb(230,69,12)
```
#ef4003
```
#ef4003 rgb(239,64,3)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f3d Protanopia 1% of men
#9d7828 Deuteranopia 1% of men
#ce565b Tritanopia 0.001% of the population

Trichromacy

#a26e35 Protanomaly 1% of men, 0.01% of women
#ad6a28 Deuteranomaly 6% of men, 0.4% of women
#cc5448 Tritanomaly 0.01% of the population

#ca5228 hex color

#ca5228 Color Information

#ca5228 Color Conversion

Color Schemes with #ca5228

Alternatives to #ca5228

#ca5228 Preview

Shades and Tints of #ca5228

Tones of #ca5228

Color Blindness Simulator