#580348 hex color

In a RGB color space, hex #580348 is composed of 34.5% red, 1.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.6% magenta, 18.2% yellow and 65.5% black. It has a hue angle of 311.3 degrees, a saturation of 93.4% and a lightness of 17.8%. #580348 color hex could be obtained by blending #b00690 with #000000. Closest websafe color is: #660033.

♥
- f
- t
- g
- R 35
- G 1
- B 28
RGB color chart
- C 0
- M 97
- Y 18
- K 65
CMYK color chart

● #580348 color description : Very dark magenta.

The hexadecimal color #580348 has RGB values of R:88, G:3, B:72 and CMYK values of C:0, M:0.97, Y:0.18, K:0.65. Its decimal value is 5768008.

Hex triplet	580348	`#580348`
RGB Decimal	88, 3, 72	`rgb(88,3,72)`
RGB Percent	34.5, 1.2, 28.2	`rgb(34.5%,1.2%,28.2%)`
CMYK	0, 97, 18, 65
HSL	311.3°, 93.4, 17.8	`hsl(311.3,93.4%,17.8%)`
HSV (or HSB)	311.3°, 96.6, 34.5
Web Safe	660033	`#660033`

CIE-LAB	18.401, 41.858, -18.283
XYZ	5.227, 2.608, 6.359
xyY	0.368, 0.184, 2.608
CIE-LCH	18.401, 45.677, 336.405
CIE-LUV	18.401, 31.526, -23.5
Hunter-Lab	16.15, 29.508, -12.04
Binary	01011000, 00000011, 01001000

#580348
```
#580348 rgb(88,3,72)
```
#035813
```
#035813 rgb(3,88,19)
```

Complementary Color

#3e0358
```
#3e0358 rgb(62,3,88)
```
#580348
```
#580348 rgb(88,3,72)
```
#58031e
```
#58031e rgb(88,3,30)
```

Analogous Color

#03583e
```
#03583e rgb(3,88,62)
```
#580348
```
#580348 rgb(88,3,72)
```
#1e5803
```
#1e5803 rgb(30,88,3)
```

Split Complementary Color

#034858
```
#034858 rgb(3,72,88)
```
#580348
```
#580348 rgb(88,3,72)
```
#485803
```
#485803 rgb(72,88,3)
```

Triadic Color

#130358
```
#130358 rgb(19,3,88)
```
#580348
```
#580348 rgb(88,3,72)
```
#485803
```
#485803 rgb(72,88,3)
```
#035813
```
#035813 rgb(3,88,19)
```

Tetradic Color

#0e000b
```
#0e000b rgb(14,0,11)
```
#270120
```
#270120 rgb(39,1,32)
```
#3f0234
```
#3f0234 rgb(63,2,52)
```
#580348
```
#580348 rgb(88,3,72)
```
#71045c
```
#71045c rgb(113,4,92)
```
#890570
```
#890570 rgb(137,5,112)
```
#a20685
```
#a20685 rgb(162,6,133)
```

Monochromatic Color

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

#530358
```
#530358 rgb(83,3,88)
```
#580356
```
#580356 rgb(88,3,86)
```
#58034f
```
#58034f rgb(88,3,79)
```
#580348
```
#580348 rgb(88,3,72)
```
#580341
```
#580341 rgb(88,3,65)
```
#58033a
```
#58033a rgb(88,3,58)
```
#580333
```
#580333 rgb(88,3,51)
```

Similar Colors

Text with hexadecimal color #580348

This text has a font color of #580348.

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

#580348 background color

This paragraph has a background color of #580348.

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

#580348 border color

This element has a border color of #580348.

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

CSS codes

.text {color:#580348;}

.background {background-color:#580348;}

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

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

#0c000a
```
#0c000a rgb(12,0,10)
```
#1f0119
```
#1f0119 rgb(31,1,25)
```
#320229
```
#320229 rgb(50,2,41)
```
#450238
```
#450238 rgb(69,2,56)
```
#580348
```
#580348 rgb(88,3,72)
```
#6b0458
```
#6b0458 rgb(107,4,88)
```
#7e0467
```
#7e0467 rgb(126,4,103)
```
#910577
```
#910577 rgb(145,5,119)
```
#a40686
```
#a40686 rgb(164,6,134)
```
#b70696
```
#b70696 rgb(183,6,150)
```
#ca07a5
```
#ca07a5 rgb(202,7,165)
```
#dd08b5
```
#dd08b5 rgb(221,8,181)
```
#f008c4
```
#f008c4 rgb(240,8,196)
```

Shade Color Variation

#f715cc
```
#f715cc rgb(247,21,204)
```
#f828d0
```
#f828d0 rgb(248,40,208)
```
#f83ad5
```
#f83ad5 rgb(248,58,213)
```
#f94dd9
```
#f94dd9 rgb(249,77,217)
```
#fa60dd
```
#fa60dd rgb(250,96,221)
```
#fa73e1
```
#fa73e1 rgb(250,115,225)
```
#fb86e5
```
#fb86e5 rgb(251,134,229)
```
#fc99e9
```
#fc99e9 rgb(252,153,233)
```
#fcaced
```
#fcaced rgb(252,172,237)
```
#fdbff1
```
#fdbff1 rgb(253,191,241)
```
#fdd2f5
```
#fdd2f5 rgb(253,210,245)
```
#fee5f9
```
#fee5f9 rgb(254,229,249)
```
#fff8fe
```
#fff8fe rgb(255,248,254)
```

Tint Color Variation

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

#2e2d2e
```
#2e2d2e rgb(46,45,46)
```
#322a30
```
#322a30 rgb(50,42,48)
```
#352632
```
#352632 rgb(53,38,50)
```
#392334
```
#392334 rgb(57,35,52)
```
#3c1f37
```
#3c1f37 rgb(60,31,55)
```
#401c39
```
#401c39 rgb(64,28,57)
```
#43183b
```
#43183b rgb(67,24,59)
```
#47153d
```
#47153d rgb(71,21,61)
```
#4a113f
```
#4a113f rgb(74,17,63)
```
#4e0e41
```
#4e0e41 rgb(78,14,65)
```
#510a44
```
#510a44 rgb(81,10,68)
```
#550646
```
#550646 rgb(85,6,70)
```
#580348
```
#580348 rgb(88,3,72)
```

Tone Color Variation

Below, you can see how #580348 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
#2e1d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#31374a Deuteranopia 1% of men
#5c2426 Tritanopia 0.001% of the population

Trichromacy

#20235d Protanomaly 1% of men, 0.01% of women
#3f2449 Deuteranomaly 6% of men, 0.4% of women
#5a1832 Tritanomaly 0.01% of the population

#580348 hex color

#580348 Color Information

#580348 Color Conversion

Color Schemes with #580348

Alternatives to #580348

#580348 Preview

Shades and Tints of #580348

Tones of #580348

Color Blindness Simulator