#5f3b78 hex color

In a RGB color space, hex #5f3b78 is composed of 37.3% red, 23.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 50.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 275.4 degrees, a saturation of 34.1% and a lightness of 35.1%. #5f3b78 color hex could be obtained by blending #be76f0 with #000000. Closest websafe color is: #663366.

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

● #5f3b78 color description : Dark moderate violet.

The hexadecimal color #5f3b78 has RGB values of R:95, G:59, B:120 and CMYK values of C:0.21, M:0.51, Y:0, K:0.53. Its decimal value is 6241144.

Hex triplet	5f3b78	`#5f3b78`
RGB Decimal	95, 59, 120	`rgb(95,59,120)`
RGB Percent	37.3, 23.1, 47.1	`rgb(37.3%,23.1%,47.1%)`
CMYK	21, 51, 0, 53
HSL	275.4°, 34.1, 35.1	`hsl(275.4,34.1%,35.1%)`
HSV (or HSB)	275.4°, 50.8, 47.1
Web Safe	663366	`#663366`

CIE-LAB	31.617, 28.194, -28.861
XYZ	9.673, 6.917, 18.594
xyY	0.275, 0.197, 6.917
CIE-LCH	31.617, 40.346, 314.33
CIE-LUV	31.617, 12.668, -41.279
Hunter-Lab	26.3, 19.625, -23.507
Binary	01011111, 00111011, 01111000

#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#54783b
```
#54783b rgb(84,120,59)
```

Complementary Color

#413b78
```
#413b78 rgb(65,59,120)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#783b73
```
#783b73 rgb(120,59,115)
```

Analogous Color

#3b7841
```
#3b7841 rgb(59,120,65)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#73783b
```
#73783b rgb(115,120,59)
```

Split Complementary Color

#3b785f
```
#3b785f rgb(59,120,95)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#785f3b
```
#785f3b rgb(120,95,59)
```

Triadic Color

#3b5478
```
#3b5478 rgb(59,84,120)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#785f3b
```
#785f3b rgb(120,95,59)
```
#54783b
```
#54783b rgb(84,120,59)
```

Tetradic Color

#362245
```
#362245 rgb(54,34,69)
```
#442a56
```
#442a56 rgb(68,42,86)
```
#513367
```
#513367 rgb(81,51,103)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#6d4389
```
#6d4389 rgb(109,67,137)
```
#7a4c9a
```
#7a4c9a rgb(122,76,154)
```
#8854ab
```
#8854ab rgb(136,84,171)
```

Monochromatic Color

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

#503b78
```
#503b78 rgb(80,59,120)
```
#553b78
```
#553b78 rgb(85,59,120)
```
#5a3b78
```
#5a3b78 rgb(90,59,120)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#643b78
```
#643b78 rgb(100,59,120)
```
#693b78
```
#693b78 rgb(105,59,120)
```
#6e3b78
```
#6e3b78 rgb(110,59,120)
```

Similar Colors

Text with hexadecimal color #5f3b78

This text has a font color of #5f3b78.

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

#5f3b78 background color

This paragraph has a background color of #5f3b78.

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

#5f3b78 border color

This element has a border color of #5f3b78.

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

CSS codes

.text {color:#5f3b78;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0c070f
```
#0c070f rgb(12,7,15)
```
#160e1c
```
#160e1c rgb(22,14,28)
```
#211429
```
#211429 rgb(33,20,41)
```
#2b1b36
```
#2b1b36 rgb(43,27,54)
```
#352143
```
#352143 rgb(53,33,67)
```
#402851
```
#402851 rgb(64,40,81)
```
#4a2e5e
```
#4a2e5e rgb(74,46,94)
```
#55356b
```
#55356b rgb(85,53,107)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#694185
```
#694185 rgb(105,65,133)
```
#744892
```
#744892 rgb(116,72,146)
```
#7e4e9f
```
#7e4e9f rgb(126,78,159)
```

Shade Color Variation

#8856ac
```
#8856ac rgb(136,86,172)
```
#9263b2
```
#9263b2 rgb(146,99,178)
```
#9b70b9
```
#9b70b9 rgb(155,112,185)
```
#a47dbf
```
#a47dbf rgb(164,125,191)
```
#ad8ac6
```
#ad8ac6 rgb(173,138,198)
```
#b797cc
```
#b797cc rgb(183,151,204)
```
#c0a5d3
```
#c0a5d3 rgb(192,165,211)
```
#c9b2d9
```
#c9b2d9 rgb(201,178,217)
```
#d2bfdf
```
#d2bfdf rgb(210,191,223)
```
#dbcce6
```
#dbcce6 rgb(219,204,230)
```
#e5d9ec
```
#e5d9ec rgb(229,217,236)
```
#eee6f3
```
#eee6f3 rgb(238,230,243)
```
#f7f4f9
```
#f7f4f9 rgb(247,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a575c is the less saturated color, while #6904af is the most saturated one.

#5a575c
```
#5a575c rgb(90,87,92)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#5d496a
```
#5d496a rgb(93,73,106)
```
#5e4271
```
#5e4271 rgb(94,66,113)
```
#5f3b78
```
#5f3b78 rgb(95,59,120)
```
#60347f
```
#60347f rgb(96,52,127)
```
#612d86
```
#612d86 rgb(97,45,134)
```
#63268d
```
#63268d rgb(99,38,141)
```
#641f94
```
#641f94 rgb(100,31,148)
```
#65199a
```
#65199a rgb(101,25,154)
```
#6612a1
```
#6612a1 rgb(102,18,161)
```
#680ba8
```
#680ba8 rgb(104,11,168)
```
#6904af
```
#6904af rgb(105,4,175)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#514956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395289 Protanopia 1% of men
#3f537a Deuteranopia 1% of men
#5f4f55 Tritanopia 0.001% of the population

Trichromacy

#474982 Protanomaly 1% of men, 0.01% of women
#4b4a79 Deuteranomaly 6% of men, 0.4% of women
#5f4861 Tritanomaly 0.01% of the population

#5f3b78 hex color

#5f3b78 Color Information

#5f3b78 Color Conversion

Color Schemes with #5f3b78

Alternatives to #5f3b78

#5f3b78 Preview

Shades and Tints of #5f3b78

Tones of #5f3b78

Color Blindness Simulator