#7c1f30 hex color

In a RGB color space, hex #7c1f30 is composed of 48.6% red, 12.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 61.3% yellow and 51.4% black. It has a hue angle of 349 degrees, a saturation of 60% and a lightness of 30.4%. #7c1f30 color hex could be obtained by blending #f83e60 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 12
- B 19
RGB color chart
- C 0
- M 75
- Y 61
- K 51
CMYK color chart

● #7c1f30 color description : Dark red.

The hexadecimal color #7c1f30 has RGB values of R:124, G:31, B:48 and CMYK values of C:0, M:0.75, Y:0.61, K:0.51. Its decimal value is 8134448.

Hex triplet	7c1f30	`#7c1f30`
RGB Decimal	124, 31, 48	`rgb(124,31,48)`
RGB Percent	48.6, 12.2, 18.8	`rgb(48.6%,12.2%,18.8%)`
CMYK	0, 75, 61, 51
HSL	349°, 60, 30.4	`hsl(349,60%,30.4%)`
HSV (or HSB)	349°, 75, 48.6
Web Safe	663333	`#663333`

CIE-LAB	28.059, 40.787, 13.219
XYZ	9.336, 5.479, 3.362
xyY	0.514, 0.301, 5.479
CIE-LCH	28.059, 42.876, 17.957
CIE-LUV	28.059, 61.889, 6.194
Hunter-Lab	23.408, 30.227, 7.87
Binary	01111100, 00011111, 00110000

#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#1f7c6b
```
#1f7c6b rgb(31,124,107)
```

Complementary Color

#7c1f5f
```
#7c1f5f rgb(124,31,95)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#7c3c1f
```
#7c3c1f rgb(124,60,31)
```

Analogous Color

#1f5f7c
```
#1f5f7c rgb(31,95,124)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#1f7c3c
```
#1f7c3c rgb(31,124,60)
```

Split Complementary Color

#1f307c
```
#1f307c rgb(31,48,124)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#307c1f
```
#307c1f rgb(48,124,31)
```

Triadic Color

#6b1f7c
```
#6b1f7c rgb(107,31,124)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#307c1f
```
#307c1f rgb(48,124,31)
```
#1f7c6b
```
#1f7c6b rgb(31,124,107)
```

Tetradic Color

#3f1018
```
#3f1018 rgb(63,16,24)
```
#531520
```
#531520 rgb(83,21,32)
```
#681a28
```
#681a28 rgb(104,26,40)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#902438
```
#902438 rgb(144,36,56)
```
#a52940
```
#a52940 rgb(165,41,64)
```
#b92e48
```
#b92e48 rgb(185,46,72)
```

Monochromatic Color

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

#7c1f47
```
#7c1f47 rgb(124,31,71)
```
#7c1f40
```
#7c1f40 rgb(124,31,64)
```
#7c1f38
```
#7c1f38 rgb(124,31,56)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#7c1f28
```
#7c1f28 rgb(124,31,40)
```
#7c1f21
```
#7c1f21 rgb(124,31,33)
```
#7c251f
```
#7c251f rgb(124,37,31)
```

Similar Colors

Text with hexadecimal color #7c1f30

This text has a font color of #7c1f30.

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

#7c1f30 background color

This paragraph has a background color of #7c1f30.

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

#7c1f30 border color

This element has a border color of #7c1f30.

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

CSS codes

.text {color:#7c1f30;}

.background {background-color:#7c1f30;}

.border {border:1px solid #7c1f30;}

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

#0e0405
```
#0e0405 rgb(14,4,5)
```
#1e070c
```
#1e070c rgb(30,7,12)
```
#2e0b12
```
#2e0b12 rgb(46,11,18)
```
#3d0f18
```
#3d0f18 rgb(61,15,24)
```
#4d131e
```
#4d131e rgb(77,19,30)
```
#5d1724
```
#5d1724 rgb(93,23,36)
```
#6c1b2a
```
#6c1b2a rgb(108,27,42)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#8c2336
```
#8c2336 rgb(140,35,54)
```
#9b273c
```
#9b273c rgb(155,39,60)
```
#ab2b42
```
#ab2b42 rgb(171,43,66)
```
#bb2f48
```
#bb2f48 rgb(187,47,72)
```
#ca334e
```
#ca334e rgb(202,51,78)
```

Shade Color Variation

#d0415b
```
#d0415b rgb(208,65,91)
```
#d35169
```
#d35169 rgb(211,81,105)
```
#d76176
```
#d76176 rgb(215,97,118)
```
#db7084
```
#db7084 rgb(219,112,132)
```
#df8091
```
#df8091 rgb(223,128,145)
```
#e3909f
```
#e3909f rgb(227,144,159)
```
#e79fac
```
#e79fac rgb(231,159,172)
```
#ebafba
```
#ebafba rgb(235,175,186)
```
#efbfc8
```
#efbfc8 rgb(239,191,200)
```
#f3ced5
```
#f3ced5 rgb(243,206,213)
```
#f7dee3
```
#f7dee3 rgb(247,222,227)
```
#fbeef0
```
#fbeef0 rgb(251,238,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#52494a
```
#52494a rgb(82,73,74)
```
#584347
```
#584347 rgb(88,67,71)
```
#5e3d43
```
#5e3d43 rgb(94,61,67)
```
#64373f
```
#64373f rgb(100,55,63)
```
#6a313b
```
#6a313b rgb(106,49,59)
```
#702b38
```
#702b38 rgb(112,43,56)
```
#762534
```
#762534 rgb(118,37,52)
```
#7c1f30
```
#7c1f30 rgb(124,31,48)
```
#82192c
```
#82192c rgb(130,25,44)
```
#881328
```
#881328 rgb(136,19,40)
```
#8e0d25
```
#8e0d25 rgb(142,13,37)
```
#940721
```
#940721 rgb(148,7,33)
```
#9a011d
```
#9a011d rgb(154,1,29)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#4a373a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4b48 Protanopia 1% of men
#5a4834 Deuteranopia 1% of men
#822d2f Tritanopia 0.001% of the population

Trichromacy

#5e3b3f Protanomaly 1% of men, 0.01% of women
#663933 Deuteranomaly 6% of men, 0.4% of women
#7f272f Tritanomaly 0.01% of the population

#7c1f30 hex color

#7c1f30 Color Information

#7c1f30 Color Conversion

Color Schemes with #7c1f30

Alternatives to #7c1f30

#7c1f30 Preview

Shades and Tints of #7c1f30

Tones of #7c1f30

Color Blindness Simulator