#580c2a hex color

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

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

● #580c2a color description : Very dark pink.

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

Hex triplet	580c2a	`#580c2a`
RGB Decimal	88, 12, 42	`rgb(88,12,42)`
RGB Percent	34.5, 4.7, 16.5	`rgb(34.5%,4.7%,16.5%)`
CMYK	0, 86, 52, 65
HSL	336.3°, 76, 19.6	`hsl(336.3,76%,19.6%)`
HSV (or HSB)	336.3°, 86.4, 34.5
Web Safe	660033	`#660033`

CIE-LAB	17.943, 35.564, 2.189
XYZ	4.574, 2.505, 2.433
xyY	0.481, 0.263, 2.505
CIE-LCH	17.943, 35.631, 3.522
CIE-LUV	17.943, 40.15, -2.89
Hunter-Lab	15.828, 23.884, 1.966
Binary	01011000, 00001100, 00101010

#580c2a
```
#580c2a rgb(88,12,42)
```
#0c583a
```
#0c583a rgb(12,88,58)
```

Complementary Color

#580c50
```
#580c50 rgb(88,12,80)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#58140c
```
#58140c rgb(88,20,12)
```

Analogous Color

#0c5058
```
#0c5058 rgb(12,80,88)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#0c5814
```
#0c5814 rgb(12,88,20)
```

Split Complementary Color

#0c2a58
```
#0c2a58 rgb(12,42,88)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#2a580c
```
#2a580c rgb(42,88,12)
```

Triadic Color

#3a0c58
```
#3a0c58 rgb(58,12,88)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#2a580c
```
#2a580c rgb(42,88,12)
```
#0c583a
```
#0c583a rgb(12,88,58)
```

Tetradic Color

#15030a
```
#15030a rgb(21,3,10)
```
#2b0615
```
#2b0615 rgb(43,6,21)
```
#42091f
```
#42091f rgb(66,9,31)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#6e0f35
```
#6e0f35 rgb(110,15,53)
```
#85123f
```
#85123f rgb(133,18,63)
```
#9b154a
```
#9b154a rgb(155,21,74)
```

Monochromatic Color

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

#580c3d
```
#580c3d rgb(88,12,61)
```
#580c37
```
#580c37 rgb(88,12,55)
```
#580c30
```
#580c30 rgb(88,12,48)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#580c24
```
#580c24 rgb(88,12,36)
```
#580c1d
```
#580c1d rgb(88,12,29)
```
#580c17
```
#580c17 rgb(88,12,23)
```

Similar Colors

Text with hexadecimal color #580c2a

This text has a font color of #580c2a.

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

#580c2a background color

This paragraph has a background color of #580c2a.

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

#580c2a border color

This element has a border color of #580c2a.

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

CSS codes

.text {color:#580c2a;}

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

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

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 #fdeff5 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#130309
```
#130309 rgb(19,3,9)
```
#240511
```
#240511 rgb(36,5,17)
```
#35071a
```
#35071a rgb(53,7,26)
```
#470a22
```
#470a22 rgb(71,10,34)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#690e32
```
#690e32 rgb(105,14,50)
```
#7b113a
```
#7b113a rgb(123,17,58)
```
#8c1343
```
#8c1343 rgb(140,19,67)
```
#9d154b
```
#9d154b rgb(157,21,75)
```
#ae1853
```
#ae1853 rgb(174,24,83)
```
#c01a5b
```
#c01a5b rgb(192,26,91)
```
#d11c64
```
#d11c64 rgb(209,28,100)
```

Shade Color Variation

#e1206c
```
#e1206c rgb(225,32,108)
```
#e33278
```
#e33278 rgb(227,50,120)
```
#e54383
```
#e54383 rgb(229,67,131)
```
#e8548e
```
#e8548e rgb(232,84,142)
```
#ea659a
```
#ea659a rgb(234,101,154)
```
#ec77a5
```
#ec77a5 rgb(236,119,165)
```
#ef88b0
```
#ef88b0 rgb(239,136,176)
```
#f199bc
```
#f199bc rgb(241,153,188)
```
#f3aac7
```
#f3aac7 rgb(243,170,199)
```
#f6bcd3
```
#f6bcd3 rgb(246,188,211)
```
#f8cdde
```
#f8cdde rgb(248,205,222)
```
#fbdee9
```
#fbdee9 rgb(251,222,233)
```
#fdeff5
```
#fdeff5 rgb(253,239,245)
```

Tint Color Variation

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

#352f31
```
#352f31 rgb(53,47,49)
```
#392b30
```
#392b30 rgb(57,43,48)
```
#3d2730
```
#3d2730 rgb(61,39,48)
```
#41232f
```
#41232f rgb(65,35,47)
```
#451f2e
```
#451f2e rgb(69,31,46)
```
#491b2d
```
#491b2d rgb(73,27,45)
```
#4c182c
```
#4c182c rgb(76,24,44)
```
#50142c
```
#50142c rgb(80,20,44)
```
#54102b
```
#54102b rgb(84,16,43)
```
#580c2a
```
#580c2a rgb(88,12,42)
```
#5c0829
```
#5c0829 rgb(92,8,41)
```
#600428
```
#600428 rgb(96,4,40)
```
#640028
```
#640028 rgb(100,0,40)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#302127 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333643 Protanopia 1% of men
#3e342f Deuteranopia 1% of men
#5f1e1f Tritanopia 0.001% of the population

Trichromacy

#40263a Protanomaly 1% of men, 0.01% of women
#47262d Deuteranomaly 6% of men, 0.4% of women
#5c1723 Tritanomaly 0.01% of the population

#580c2a hex color

#580c2a Color Information

#580c2a Color Conversion

Color Schemes with #580c2a

Alternatives to #580c2a

#580c2a Preview

Shades and Tints of #580c2a

Tones of #580c2a

Color Blindness Simulator