#c5481f hex color

In a RGB color space, hex #c5481f is composed of 77.3% red, 28.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 14.8 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5481f color hex could be obtained by blending #ff903e with #8b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 77
- G 28
- B 12
RGB color chart
- C 0
- M 63
- Y 84
- K 23
CMYK color chart

● #c5481f color description : Strong red.

The hexadecimal color #c5481f has RGB values of R:197, G:72, B:31 and CMYK values of C:0, M:0.63, Y:0.84, K:0.23. Its decimal value is 12929055.

Hex triplet	c5481f	`#c5481f`
RGB Decimal	197, 72, 31	`rgb(197,72,31)`
RGB Percent	77.3, 28.2, 12.2	`rgb(77.3%,28.2%,12.2%)`
CMYK	0, 63, 84, 23
HSL	14.8°, 72.8, 44.7	`hsl(14.8,72.8%,44.7%)`
HSV (or HSB)	14.8°, 84.3, 77.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.761, 48.037, 48.509
XYZ	25.592, 16.607, 3.154
xyY	0.564, 0.366, 16.607
CIE-LCH	47.761, 68.269, 45.28
CIE-LUV	47.761, 100.839, 35.792
Hunter-Lab	40.751, 40.782, 23.937
Binary	11000101, 01001000, 00011111

#c5481f
```
#c5481f rgb(197,72,31)
```
#1f9cc5
```
#1f9cc5 rgb(31,156,197)
```

Complementary Color

#c51f49
```
#c51f49 rgb(197,31,73)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#c59b1f
```
#c59b1f rgb(197,155,31)
```

Analogous Color

#1f49c5
```
#1f49c5 rgb(31,73,197)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#1fc59b
```
#1fc59b rgb(31,197,155)
```

Split Complementary Color

#481fc5
```
#481fc5 rgb(72,31,197)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#1fc548
```
#1fc548 rgb(31,197,72)
```

Triadic Color

#c51f9c
```
#c51f9c rgb(197,31,156)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#1fc548
```
#1fc548 rgb(31,197,72)
```
#1f9cc5
```
#1f9cc5 rgb(31,156,197)
```

Tetradic Color

#833015
```
#833015 rgb(131,48,21)
```
#993818
```
#993818 rgb(153,56,24)
```
#af401c
```
#af401c rgb(175,64,28)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#db5022
```
#db5022 rgb(219,80,34)
```
#e06137
```
#e06137 rgb(224,97,55)
```
#e3724d
```
#e3724d rgb(227,114,77)
```

Monochromatic Color

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

#c51f20
```
#c51f20 rgb(197,31,32)
```
#c52c1f
```
#c52c1f rgb(197,44,31)
```
#c53a1f
```
#c53a1f rgb(197,58,31)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#c5561f
```
#c5561f rgb(197,86,31)
```
#c5641f
```
#c5641f rgb(197,100,31)
```
#c5721f
```
#c5721f rgb(197,114,31)
```

Similar Colors

Text with hexadecimal color #c5481f

This text has a font color of #c5481f.

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

#c5481f background color

This paragraph has a background color of #c5481f.

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

#c5481f border color

This element has a border color of #c5481f.

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

CSS codes

.text {color:#c5481f;}

.background {background-color:#c5481f;}

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

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

#0b0402
```
#0b0402 rgb(11,4,2)
```
#1c0a04
```
#1c0a04 rgb(28,10,4)
```
#2c1007
```
#2c1007 rgb(44,16,7)
```
#3d160a
```
#3d160a rgb(61,22,10)
```
#4e1d0c
```
#4e1d0c rgb(78,29,12)
```
#5f230f
```
#5f230f rgb(95,35,15)
```
#702912
```
#702912 rgb(112,41,18)
```
#812f14
```
#812f14 rgb(129,47,20)
```
#923517
```
#923517 rgb(146,53,23)
```
#a33c1a
```
#a33c1a rgb(163,60,26)
```
#b4421c
```
#b4421c rgb(180,66,28)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#d64e22
```
#d64e22 rgb(214,78,34)
```

Shade Color Variation

#de592d
```
#de592d rgb(222,89,45)
```
#e1663e
```
#e1663e rgb(225,102,62)
```
#e3744f
```
#e3744f rgb(227,116,79)
```
#e68160
```
#e68160 rgb(230,129,96)
```
#e98f71
```
#e98f71 rgb(233,143,113)
```
#eb9c82
```
#eb9c82 rgb(235,156,130)
```
#eea993
```
#eea993 rgb(238,169,147)
```
#f1b7a4
```
#f1b7a4 rgb(241,183,164)
```
#f3c4b5
```
#f3c4b5 rgb(243,196,181)
```
#f6d2c6
```
#f6d2c6 rgb(246,210,198)
```
#f9dfd7
```
#f9dfd7 rgb(249,223,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#76706e
```
#76706e rgb(118,112,110)
```
#7f6b65
```
#7f6b65 rgb(127,107,101)
```
#88675c
```
#88675c rgb(136,103,92)
```
#906354
```
#906354 rgb(144,99,84)
```
#995e4b
```
#995e4b rgb(153,94,75)
```
#a25a42
```
#a25a42 rgb(162,90,66)
```
#ab5539
```
#ab5539 rgb(171,85,57)
```
#b35131
```
#b35131 rgb(179,81,49)
```
#bc4c28
```
#bc4c28 rgb(188,76,40)
```
#c5481f
```
#c5481f rgb(197,72,31)
```
#ce4416
```
#ce4416 rgb(206,68,22)
```
#d73f0d
```
#d73f0d rgb(215,63,13)
```
#df3b05
```
#df3b05 rgb(223,59,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7b625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#857834 Protanopia 1% of men
#96721d Deuteranopia 1% of men
#c94d51 Tritanopia 0.001% of the population

Trichromacy

#9c672c Protanomaly 1% of men, 0.01% of women
#a7631d Deuteranomaly 6% of men, 0.4% of women
#c74b3f Tritanomaly 0.01% of the population

#c5481f hex color

#c5481f Color Information

#c5481f Color Conversion

Color Schemes with #c5481f

Alternatives to #c5481f

#c5481f Preview

Shades and Tints of #c5481f

Tones of #c5481f

Color Blindness Simulator