#580c18 hex color

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

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

● #580c18 color description : Very dark red.

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

Hex triplet	580c18	`#580c18`
RGB Decimal	88, 12, 24	`rgb(88,12,24)`
RGB Percent	34.5, 4.7, 9.4	`rgb(34.5%,4.7%,9.4%)`
CMYK	0, 86, 73, 65
HSL	350.5°, 76, 19.6	`hsl(350.5,76%,19.6%)`
HSV (or HSB)	350.5°, 86.4, 34.5
Web Safe	660000	`#660000`

CIE-LAB	17.479, 34.144, 14.479
XYZ	4.321, 2.404, 1.101
xyY	0.552, 0.307, 2.404
CIE-LCH	17.479, 37.087, 22.98
CIE-LUV	17.479, 44.95, 6.127
Hunter-Lab	15.505, 22.611, 6.645
Binary	01011000, 00001100, 00011000

#580c18
```
#580c18 rgb(88,12,24)
```
#0c584c
```
#0c584c rgb(12,88,76)
```

Complementary Color

#580c3e
```
#580c3e rgb(88,12,62)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#58260c
```
#58260c rgb(88,38,12)
```

Analogous Color

#0c3e58
```
#0c3e58 rgb(12,62,88)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#0c5826
```
#0c5826 rgb(12,88,38)
```

Split Complementary Color

#0c1858
```
#0c1858 rgb(12,24,88)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#18580c
```
#18580c rgb(24,88,12)
```

Triadic Color

#4c0c58
```
#4c0c58 rgb(76,12,88)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#18580c
```
#18580c rgb(24,88,12)
```
#0c584c
```
#0c584c rgb(12,88,76)
```

Tetradic Color

#150306
```
#150306 rgb(21,3,6)
```
#2b060c
```
#2b060c rgb(43,6,12)
```
#420912
```
#420912 rgb(66,9,18)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#6e0f1e
```
#6e0f1e rgb(110,15,30)
```
#851224
```
#851224 rgb(133,18,36)
```
#9b152a
```
#9b152a rgb(155,21,42)
```

Monochromatic Color

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

#580c2b
```
#580c2b rgb(88,12,43)
```
#580c25
```
#580c25 rgb(88,12,37)
```
#580c1e
```
#580c1e rgb(88,12,30)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#580c12
```
#580c12 rgb(88,12,18)
```
#580d0c
```
#580d0c rgb(88,13,12)
```
#58130c
```
#58130c rgb(88,19,12)
```

Similar Colors

Text with hexadecimal color #580c18

This text has a font color of #580c18.

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

#580c18 background color

This paragraph has a background color of #580c18.

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

#580c18 border color

This element has a border color of #580c18.

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

CSS codes

.text {color:#580c18;}

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

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130305
```
#130305 rgb(19,3,5)
```
#24050a
```
#24050a rgb(36,5,10)
```
#35070f
```
#35070f rgb(53,7,15)
```
#470a13
```
#470a13 rgb(71,10,19)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#690e1d
```
#690e1d rgb(105,14,29)
```
#7b1121
```
#7b1121 rgb(123,17,33)
```
#8c1326
```
#8c1326 rgb(140,19,38)
```
#9d152b
```
#9d152b rgb(157,21,43)
```
#ae1830
```
#ae1830 rgb(174,24,48)
```
#c01a34
```
#c01a34 rgb(192,26,52)
```
#d11c39
```
#d11c39 rgb(209,28,57)
```

Shade Color Variation

#e1203f
```
#e1203f rgb(225,32,63)
```
#e3324e
```
#e3324e rgb(227,50,78)
```
#e5435c
```
#e5435c rgb(229,67,92)
```
#e8546b
```
#e8546b rgb(232,84,107)
```
#ea657a
```
#ea657a rgb(234,101,122)
```
#ec7789
```
#ec7789 rgb(236,119,137)
```
#ef8898
```
#ef8898 rgb(239,136,152)
```
#f199a7
```
#f199a7 rgb(241,153,167)
```
#f3aab6
```
#f3aab6 rgb(243,170,182)
```
#f6bcc5
```
#f6bcc5 rgb(246,188,197)
```
#f8cdd4
```
#f8cdd4 rgb(248,205,212)
```
#fbdee3
```
#fbdee3 rgb(251,222,227)
```
#fdeff2
```
#fdeff2 rgb(253,239,242)
```

Tint Color Variation

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

#352f30
```
#352f30 rgb(53,47,48)
```
#392b2d
```
#392b2d rgb(57,43,45)
```
#3d272a
```
#3d272a rgb(61,39,42)
```
#412328
```
#412328 rgb(65,35,40)
```
#451f25
```
#451f25 rgb(69,31,37)
```
#491b23
```
#491b23 rgb(73,27,35)
```
#4c1820
```
#4c1820 rgb(76,24,32)
```
#50141d
```
#50141d rgb(80,20,29)
```
#54101b
```
#54101b rgb(84,16,27)
```
#580c18
```
#580c18 rgb(88,12,24)
```
#5c0815
```
#5c0815 rgb(92,8,21)
```
#600413
```
#600413 rgb(96,4,19)
```
#640010
```
#640010 rgb(100,0,16)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#2e1f22 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38352e Protanopia 1% of men
#41331f Deuteranopia 1% of men
#601a1b Tritanopia 0.001% of the population

Trichromacy

#442626 Protanomaly 1% of men, 0.01% of women
#49251c Deuteranomaly 6% of men, 0.4% of women
#5d151a Tritanomaly 0.01% of the population

#580c18 hex color

#580c18 Color Information

#580c18 Color Conversion

Color Schemes with #580c18

Alternatives to #580c18

#580c18 Preview

Shades and Tints of #580c18

Tones of #580c18

Color Blindness Simulator