#580c1f hex color

In a RGB color space, hex #580c1f is composed of 34.5% red, 4.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 64.8% yellow and 65.5% black. It has a hue angle of 345 degrees, a saturation of 76% and a lightness of 19.6%. #580c1f color hex could be obtained by blending #b0183e with #000000. Closest websafe color is: #660033.

♥
- f
- t
- g
- R 35
- G 5
- B 12
RGB color chart
- C 0
- M 86
- Y 65
- K 65
CMYK color chart

● #580c1f color description : Very dark red.

The hexadecimal color #580c1f has RGB values of R:88, G:12, B:31 and CMYK values of C:0, M:0.86, Y:0.65, K:0.65. Its decimal value is 5770271.

Hex triplet	580c1f	`#580c1f`
RGB Decimal	88, 12, 31	`rgb(88,12,31)`
RGB Percent	34.5, 4.7, 12.2	`rgb(34.5%,4.7%,12.2%)`
CMYK	0, 86, 65, 65
HSL	345°, 76, 19.6	`hsl(345,76%,19.6%)`
HSV (or HSB)	345°, 86.4, 34.5
Web Safe	660033	`#660033`

CIE-LAB	17.632, 34.615, 9.673
XYZ	4.403, 2.437, 1.535
xyY	0.526, 0.291, 2.437
CIE-LCH	17.632, 35.941, 15.613
CIE-LUV	17.632, 43.26, 2.99
Hunter-Lab	15.611, 23.03, 5.099
Binary	01011000, 00001100, 00011111

#580c1f
```
#580c1f rgb(88,12,31)
```
#0c5845
```
#0c5845 rgb(12,88,69)
```

Complementary Color

#580c45
```
#580c45 rgb(88,12,69)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#581f0c
```
#581f0c rgb(88,31,12)
```

Analogous Color

#0c4558
```
#0c4558 rgb(12,69,88)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#0c581f
```
#0c581f rgb(12,88,31)
```

Split Complementary Color

#0c1f58
```
#0c1f58 rgb(12,31,88)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#1f580c
```
#1f580c rgb(31,88,12)
```

Triadic Color

#450c58
```
#450c58 rgb(69,12,88)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#1f580c
```
#1f580c rgb(31,88,12)
```
#0c5845
```
#0c5845 rgb(12,88,69)
```

Tetradic Color

#150307
```
#150307 rgb(21,3,7)
```
#2b060f
```
#2b060f rgb(43,6,15)
```
#420917
```
#420917 rgb(66,9,23)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#6e0f27
```
#6e0f27 rgb(110,15,39)
```
#85122f
```
#85122f rgb(133,18,47)
```
#9b1537
```
#9b1537 rgb(155,21,55)
```

Monochromatic Color

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

#580c32
```
#580c32 rgb(88,12,50)
```
#580c2c
```
#580c2c rgb(88,12,44)
```
#580c25
```
#580c25 rgb(88,12,37)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#580c19
```
#580c19 rgb(88,12,25)
```
#580c12
```
#580c12 rgb(88,12,18)
```
#580c0c
```
#580c0c rgb(88,12,12)
```

Similar Colors

Text with hexadecimal color #580c1f

This text has a font color of #580c1f.

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

#580c1f background color

This paragraph has a background color of #580c1f.

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

#580c1f border color

This element has a border color of #580c1f.

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

CSS codes

.text {color:#580c1f;}

.background {background-color:#580c1f;}

.border {border:1px solid #580c1f;}

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

#020001
```
#020001 rgb(2,0,1)
```
#130307
```
#130307 rgb(19,3,7)
```
#24050d
```
#24050d rgb(36,5,13)
```
#350713
```
#350713 rgb(53,7,19)
```
#470a19
```
#470a19 rgb(71,10,25)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#690e25
```
#690e25 rgb(105,14,37)
```
#7b112b
```
#7b112b rgb(123,17,43)
```
#8c1331
```
#8c1331 rgb(140,19,49)
```
#9d1537
```
#9d1537 rgb(157,21,55)
```
#ae183d
```
#ae183d rgb(174,24,61)
```
#c01a43
```
#c01a43 rgb(192,26,67)
```
#d11c4a
```
#d11c4a rgb(209,28,74)
```

Shade Color Variation

#e12050
```
#e12050 rgb(225,32,80)
```
#e3325e
```
#e3325e rgb(227,50,94)
```
#e5436b
```
#e5436b rgb(229,67,107)
```
#e85479
```
#e85479 rgb(232,84,121)
```
#ea6587
```
#ea6587 rgb(234,101,135)
```
#ec7794
```
#ec7794 rgb(236,119,148)
```
#ef88a2
```
#ef88a2 rgb(239,136,162)
```
#f199af
```
#f199af rgb(241,153,175)
```
#f3aabd
```
#f3aabd rgb(243,170,189)
```
#f6bcca
```
#f6bcca rgb(246,188,202)
```
#f8cdd8
```
#f8cdd8 rgb(248,205,216)
```
#fbdee5
```
#fbdee5 rgb(251,222,229)
```
#fdeff3
```
#fdeff3 rgb(253,239,243)
```

Tint Color Variation

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

#352f30
```
#352f30 rgb(53,47,48)
```
#392b2e
```
#392b2e rgb(57,43,46)
```
#3d272c
```
#3d272c rgb(61,39,44)
```
#41232b
```
#41232b rgb(65,35,43)
```
#451f29
```
#451f29 rgb(69,31,41)
```
#491b27
```
#491b27 rgb(73,27,39)
```
#4c1825
```
#4c1825 rgb(76,24,37)
```
#501423
```
#501423 rgb(80,20,35)
```
#541021
```
#541021 rgb(84,16,33)
```
#580c1f
```
#580c1f rgb(88,12,31)
```
#5c081d
```
#5c081d rgb(92,8,29)
```
#60041b
```
#60041b rgb(96,4,27)
```
#640019
```
#640019 rgb(100,0,25)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#2f2024 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373536 Protanopia 1% of men
#403425 Deuteranopia 1% of men
#601b1c Tritanopia 0.001% of the population

Trichromacy

#43262d Protanomaly 1% of men, 0.01% of women
#492523 Deuteranomaly 6% of men, 0.4% of women
#5d161d Tritanomaly 0.01% of the population

#580c1f hex color

#580c1f Color Information

#580c1f Color Conversion

Color Schemes with #580c1f

Alternatives to #580c1f

#580c1f Preview

Shades and Tints of #580c1f

Tones of #580c1f

Color Blindness Simulator