#5f3478 hex color

In a RGB color space, hex #5f3478 is composed of 37.3% red, 20.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 56.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 277.9 degrees, a saturation of 39.5% and a lightness of 33.7%. #5f3478 color hex could be obtained by blending #be68f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 20
- B 47
RGB color chart
- C 21
- M 57
- Y 0
- K 53
CMYK color chart

● #5f3478 color description : Dark moderate violet.

The hexadecimal color #5f3478 has RGB values of R:95, G:52, B:120 and CMYK values of C:0.21, M:0.57, Y:0, K:0.53. Its decimal value is 6239352.

Hex triplet	5f3478	`#5f3478`
RGB Decimal	95, 52, 120	`rgb(95,52,120)`
RGB Percent	37.3, 20.4, 47.1	`rgb(37.3%,20.4%,47.1%)`
CMYK	21, 57, 0, 53
HSL	277.9°, 39.5, 33.7	`hsl(277.9,39.5%,33.7%)`
HSV (or HSB)	277.9°, 56.7, 47.1
Web Safe	663366	`#663366`

CIE-LAB	30.023, 32.332, -31.387
XYZ	9.337, 6.245, 18.482
xyY	0.274, 0.183, 6.245
CIE-LCH	30.023, 45.061, 315.85
CIE-LUV	30.023, 14.774, -44.35
Hunter-Lab	24.99, 22.959, -26.355
Binary	01011111, 00110100, 01111000

#5f3478
```
#5f3478 rgb(95,52,120)
```
#4d7834
```
#4d7834 rgb(77,120,52)
```

Complementary Color

#3d3478
```
#3d3478 rgb(61,52,120)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#78346f
```
#78346f rgb(120,52,111)
```

Analogous Color

#34783d
```
#34783d rgb(52,120,61)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#6f7834
```
#6f7834 rgb(111,120,52)
```

Split Complementary Color

#34785f
```
#34785f rgb(52,120,95)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#785f34
```
#785f34 rgb(120,95,52)
```

Triadic Color

#344d78
```
#344d78 rgb(52,77,120)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#785f34
```
#785f34 rgb(120,95,52)
```
#4d7834
```
#4d7834 rgb(77,120,52)
```

Tetradic Color

#351d43
```
#351d43 rgb(53,29,67)
```
#432554
```
#432554 rgb(67,37,84)
```
#512c66
```
#512c66 rgb(81,44,102)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#6d3c8a
```
#6d3c8a rgb(109,60,138)
```
#7b439c
```
#7b439c rgb(123,67,156)
```
#894bad
```
#894bad rgb(137,75,173)
```

Monochromatic Color

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

#4e3478
```
#4e3478 rgb(78,52,120)
```
#543478
```
#543478 rgb(84,52,120)
```
#593478
```
#593478 rgb(89,52,120)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#653478
```
#653478 rgb(101,52,120)
```
#6a3478
```
#6a3478 rgb(106,52,120)
```
#703478
```
#703478 rgb(112,52,120)
```

Similar Colors

Text with hexadecimal color #5f3478

This text has a font color of #5f3478.

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

#5f3478 background color

This paragraph has a background color of #5f3478.

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

#5f3478 border color

This element has a border color of #5f3478.

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

CSS codes

.text {color:#5f3478;}

.background {background-color:#5f3478;}

.border {border:1px solid #5f3478;}

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, #08050b is the darkest color, while #fdfcfe is the lightest one.

#08050b
```
#08050b rgb(8,5,11)
```
#130a18
```
#130a18 rgb(19,10,24)
```
#1e1026
```
#1e1026 rgb(30,16,38)
```
#291634
```
#291634 rgb(41,22,52)
```
#341c41
```
#341c41 rgb(52,28,65)
```
#3e224f
```
#3e224f rgb(62,34,79)
```
#49285d
```
#49285d rgb(73,40,93)
```
#542e6a
```
#542e6a rgb(84,46,106)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#6a3a86
```
#6a3a86 rgb(106,58,134)
```
#754093
```
#754093 rgb(117,64,147)
```
#8046a1
```
#8046a1 rgb(128,70,161)
```
#8a4caf
```
#8a4caf rgb(138,76,175)
```

Shade Color Variation

#9458b6
```
#9458b6 rgb(148,88,182)
```
#9c65bc
```
#9c65bc rgb(156,101,188)
```
#a573c2
```
#a573c2 rgb(165,115,194)
```
#ae81c8
```
#ae81c8 rgb(174,129,200)
```
#b78ece
```
#b78ece rgb(183,142,206)
```
#bf9cd4
```
#bf9cd4 rgb(191,156,212)
```
#c8aada
```
#c8aada rgb(200,170,218)
```
#d1b7e0
```
#d1b7e0 rgb(209,183,224)
```
#dac5e6
```
#dac5e6 rgb(218,197,230)
```
#e3d3ec
```
#e3d3ec rgb(227,211,236)
```
#ebe0f2
```
#ebe0f2 rgb(235,224,242)
```
#f4eef8
```
#f4eef8 rgb(244,238,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#565557
```
#565557 rgb(86,85,87)
```
#584e5e
```
#584e5e rgb(88,78,94)
```
#5a4864
```
#5a4864 rgb(90,72,100)
```
#5b416b
```
#5b416b rgb(91,65,107)
```
#5d3b71
```
#5d3b71 rgb(93,59,113)
```
#5f3478
```
#5f3478 rgb(95,52,120)
```
#612d7f
```
#612d7f rgb(97,45,127)
```
#632785
```
#632785 rgb(99,39,133)
```
#64208c
```
#64208c rgb(100,32,140)
```
#661a92
```
#661a92 rgb(102,26,146)
```
#681399
```
#681399 rgb(104,19,153)
```
#6a0ca0
```
#6a0ca0 rgb(106,12,160)
```
#6b06a6
```
#6b06a6 rgb(107,6,166)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4d4552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4e8b Protanopia 1% of men
#385079 Deuteranopia 1% of men
#5e4b50 Tritanopia 0.001% of the population

Trichromacy

#3f4484 Protanomaly 1% of men, 0.01% of women
#464678 Deuteranomaly 6% of men, 0.4% of women
#5e425e Tritanomaly 0.01% of the population

#5f3478 hex color

#5f3478 Color Information

#5f3478 Color Conversion

Color Schemes with #5f3478

Alternatives to #5f3478

#5f3478 Preview

Shades and Tints of #5f3478

Tones of #5f3478

Color Blindness Simulator