#c54d2a hex color

In a RGB color space, hex #c54d2a is composed of 77.3% red, 30.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.9% magenta, 78.7% yellow and 22.7% black. It has a hue angle of 13.5 degrees, a saturation of 64.9% and a lightness of 46.9%. #c54d2a color hex could be obtained by blending #ff9a54 with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 30
- B 16
RGB color chart
- C 0
- M 61
- Y 79
- K 23
CMYK color chart

● #c54d2a color description : Strong red.

The hexadecimal color #c54d2a has RGB values of R:197, G:77, B:42 and CMYK values of C:0, M:0.61, Y:0.79, K:0.23. Its decimal value is 12930346.

Hex triplet	c54d2a	`#c54d2a`
RGB Decimal	197, 77, 42	`rgb(197,77,42)`
RGB Percent	77.3, 30.2, 16.5	`rgb(77.3%,30.2%,16.5%)`
CMYK	0, 61, 79, 23
HSL	13.5°, 64.9, 46.9	`hsl(13.5,64.9%,46.9%)`
HSV (or HSB)	13.5°, 78.7, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.696, 46.126, 44.159
XYZ	26.099, 17.348, 4.165
xyY	0.548, 0.364, 17.348
CIE-LCH	48.696, 63.856, 43.752
CIE-LUV	48.696, 95.923, 34.293
Hunter-Lab	41.651, 38.96, 23.227
Binary	11000101, 01001101, 00101010

#c54d2a
```
#c54d2a rgb(197,77,42)
```
#2aa2c5
```
#2aa2c5 rgb(42,162,197)
```

Complementary Color

#c52a54
```
#c52a54 rgb(197,42,84)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#c59b2a
```
#c59b2a rgb(197,155,42)
```

Analogous Color

#2a55c5
```
#2a55c5 rgb(42,85,197)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#2ac59b
```
#2ac59b rgb(42,197,155)
```

Split Complementary Color

#4d2ac5
```
#4d2ac5 rgb(77,42,197)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#2ac54d
```
#2ac54d rgb(42,197,77)
```

Triadic Color

#c52aa2
```
#c52aa2 rgb(197,42,162)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#2ac54d
```
#2ac54d rgb(42,197,77)
```
#2aa2c5
```
#2aa2c5 rgb(42,162,197)
```

Tetradic Color

#86341d
```
#86341d rgb(134,52,29)
```
#9b3d21
```
#9b3d21 rgb(155,61,33)
```
#b04526
```
#b04526 rgb(176,69,38)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#d45935
```
#d45935 rgb(212,89,53)
```
#d86a4a
```
#d86a4a rgb(216,106,74)
```
#dd7b5f
```
#dd7b5f rgb(221,123,95)
```

Monochromatic Color

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

#c52a2e
```
#c52a2e rgb(197,42,46)
```
#c5332a
```
#c5332a rgb(197,51,42)
```
#c5402a
```
#c5402a rgb(197,64,42)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#c55a2a
```
#c55a2a rgb(197,90,42)
```
#c5672a
```
#c5672a rgb(197,103,42)
```
#c5742a
```
#c5742a rgb(197,116,42)
```

Similar Colors

Text with hexadecimal color #c54d2a

This text has a font color of #c54d2a.

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

#c54d2a background color

This paragraph has a background color of #c54d2a.

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

#c54d2a border color

This element has a border color of #c54d2a.

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

CSS codes

.text {color:#c54d2a;}

.background {background-color:#c54d2a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130704
```
#130704 rgb(19,7,4)
```
#230e08
```
#230e08 rgb(35,14,8)
```
#33140b
```
#33140b rgb(51,20,11)
```
#441a0e
```
#441a0e rgb(68,26,14)
```
#542112
```
#542112 rgb(84,33,18)
```
#642715
```
#642715 rgb(100,39,21)
```
#742d19
```
#742d19 rgb(116,45,25)
```
#84341c
```
#84341c rgb(132,52,28)
```
#943a20
```
#943a20 rgb(148,58,32)
```
#a54023
```
#a54023 rgb(165,64,35)
```
#b54727
```
#b54727 rgb(181,71,39)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```

Shade Color Variation

#d35530
```
#d35530 rgb(211,85,48)
```
#d66240
```
#d66240 rgb(214,98,64)
```
#da6f50
```
#da6f50 rgb(218,111,80)
```
#dd7c60
```
#dd7c60 rgb(221,124,96)
```
#e18a70
```
#e18a70 rgb(225,138,112)
```
#e49781
```
#e49781 rgb(228,151,129)
```
#e8a491
```
#e8a491 rgb(232,164,145)
```
#ebb2a1
```
#ebb2a1 rgb(235,178,161)
```
#eebfb1
```
#eebfb1 rgb(238,191,177)
```
#f2ccc1
```
#f2ccc1 rgb(242,204,193)
```
#f5dad1
```
#f5dad1 rgb(245,218,209)
```
#f9e7e2
```
#f9e7e2 rgb(249,231,226)
```
#fcf4f2
```
#fcf4f2 rgb(252,244,242)
```

Tint Color Variation

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

#7b7574
```
#7b7574 rgb(123,117,116)
```
#85706a
```
#85706a rgb(133,112,106)
```
#8e6b61
```
#8e6b61 rgb(142,107,97)
```
#976658
```
#976658 rgb(151,102,88)
```
#a0614f
```
#a0614f rgb(160,97,79)
```
#a95c46
```
#a95c46 rgb(169,92,70)
```
#b3573c
```
#b3573c rgb(179,87,60)
```
#bc5233
```
#bc5233 rgb(188,82,51)
```
#c54d2a
```
#c54d2a rgb(197,77,42)
```
#ce4821
```
#ce4821 rgb(206,72,33)
```
#d74318
```
#d74318 rgb(215,67,24)
```
#e13e0e
```
#e13e0e rgb(225,62,14)
```
#ea3905
```
#ea3905 rgb(234,57,5)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7f6760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b3f Protanopia 1% of men
#98752b Deuteranopia 1% of men
#c95256 Tritanopia 0.001% of the population

Trichromacy

#9d6a37 Protanomaly 1% of men, 0.01% of women
#a8662a Deuteranomaly 6% of men, 0.4% of women
#c75046 Tritanomaly 0.01% of the population

#c54d2a hex color

#c54d2a Color Information

#c54d2a Color Conversion

Color Schemes with #c54d2a

Alternatives to #c54d2a

#c54d2a Preview

Shades and Tints of #c54d2a

Tones of #c54d2a

Color Blindness Simulator