#5f3778 hex color

In a RGB color space, hex #5f3778 is composed of 37.3% red, 21.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 54.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 276.9 degrees, a saturation of 37.1% and a lightness of 34.3%. #5f3778 color hex could be obtained by blending #be6ef0 with #000000. Closest websafe color is: #663366.

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

● #5f3778 color description : Dark moderate violet.

The hexadecimal color #5f3778 has RGB values of R:95, G:55, B:120 and CMYK values of C:0.21, M:0.54, Y:0, K:0.53. Its decimal value is 6240120.

Hex triplet	5f3778	`#5f3778`
RGB Decimal	95, 55, 120	`rgb(95,55,120)`
RGB Percent	37.3, 21.6, 47.1	`rgb(37.3%,21.6%,47.1%)`
CMYK	21, 54, 0, 53
HSL	276.9°, 37.1, 34.3	`hsl(276.9,37.1%,34.3%)`
HSV (or HSB)	276.9°, 54.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	30.692, 30.581, -30.325
XYZ	9.475, 6.522, 18.528
xyY	0.274, 0.189, 6.522
CIE-LCH	30.692, 43.068, 315.24
CIE-LUV	30.692, 13.904, -43.088
Hunter-Lab	25.537, 21.539, -25.14
Binary	01011111, 00110111, 01111000

#5f3778
```
#5f3778 rgb(95,55,120)
```
#507837
```
#507837 rgb(80,120,55)
```

Complementary Color

#3f3778
```
#3f3778 rgb(63,55,120)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#783771
```
#783771 rgb(120,55,113)
```

Analogous Color

#37783f
```
#37783f rgb(55,120,63)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#717837
```
#717837 rgb(113,120,55)
```

Split Complementary Color

#37785f
```
#37785f rgb(55,120,95)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#785f37
```
#785f37 rgb(120,95,55)
```

Triadic Color

#375078
```
#375078 rgb(55,80,120)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#785f37
```
#785f37 rgb(120,95,55)
```
#507837
```
#507837 rgb(80,120,55)
```

Tetradic Color

#351f44
```
#351f44 rgb(53,31,68)
```
#432755
```
#432755 rgb(67,39,85)
```
#512f67
```
#512f67 rgb(81,47,103)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#6d3f89
```
#6d3f89 rgb(109,63,137)
```
#7b479b
```
#7b479b rgb(123,71,155)
```
#894fac
```
#894fac rgb(137,79,172)
```

Monochromatic Color

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

#4f3778
```
#4f3778 rgb(79,55,120)
```
#543778
```
#543778 rgb(84,55,120)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#643778
```
#643778 rgb(100,55,120)
```
#6a3778
```
#6a3778 rgb(106,55,120)
```
#6f3778
```
#6f3778 rgb(111,55,120)
```

Similar Colors

Text with hexadecimal color #5f3778

This text has a font color of #5f3778.

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

#5f3778 background color

This paragraph has a background color of #5f3778.

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

#5f3778 border color

This element has a border color of #5f3778.

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

CSS codes

.text {color:#5f3778;}

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

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

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

#0a060c
```
#0a060c rgb(10,6,12)
```
#140c1a
```
#140c1a rgb(20,12,26)
```
#1f1227
```
#1f1227 rgb(31,18,39)
```
#2a1835
```
#2a1835 rgb(42,24,53)
```
#341e42
```
#341e42 rgb(52,30,66)
```
#3f2550
```
#3f2550 rgb(63,37,80)
```
#4a2b5d
```
#4a2b5d rgb(74,43,93)
```
#54316b
```
#54316b rgb(84,49,107)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#6a3d85
```
#6a3d85 rgb(106,61,133)
```
#744393
```
#744393 rgb(116,67,147)
```
#7f49a0
```
#7f49a0 rgb(127,73,160)
```
#8a50ae
```
#8a50ae rgb(138,80,174)
```

Shade Color Variation

#935db5
```
#935db5 rgb(147,93,181)
```
#9c6abb
```
#9c6abb rgb(156,106,187)
```
#a577c1
```
#a577c1 rgb(165,119,193)
```
#ae85c7
```
#ae85c7 rgb(174,133,199)
```
#b792cd
```
#b792cd rgb(183,146,205)
```
#c0a0d3
```
#c0a0d3 rgb(192,160,211)
```
#c8adda
```
#c8adda rgb(200,173,218)
```
#d1bbe0
```
#d1bbe0 rgb(209,187,224)
```
#dac8e6
```
#dac8e6 rgb(218,200,230)
```
#e3d6ec
```
#e3d6ec rgb(227,214,236)
```
#ece3f2
```
#ece3f2 rgb(236,227,242)
```
#f5f0f8
```
#f5f0f8 rgb(245,240,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#59525d
```
#59525d rgb(89,82,93)
```
#5a4b64
```
#5a4b64 rgb(90,75,100)
```
#5c446b
```
#5c446b rgb(92,68,107)
```
#5d3e71
```
#5d3e71 rgb(93,62,113)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#61307f
```
#61307f rgb(97,48,127)
```
#622a85
```
#622a85 rgb(98,42,133)
```
#64238c
```
#64238c rgb(100,35,140)
```
#651c93
```
#651c93 rgb(101,28,147)
```
#67159a
```
#67159a rgb(103,21,154)
```
#680fa0
```
#680fa0 rgb(104,15,160)
```
#6a08a7
```
#6a08a7 rgb(106,8,167)
```
#6b01ae
```
#6b01ae rgb(107,1,174)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4e4653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#324f8a Protanopia 1% of men
#3b5179 Deuteranopia 1% of men
#5e4d52 Tritanopia 0.001% of the population

Trichromacy

#424683 Protanomaly 1% of men, 0.01% of women
#484778 Deuteranomaly 6% of men, 0.4% of women
#5e4560 Tritanomaly 0.01% of the population

#5f3778 hex color

#5f3778 Color Information

#5f3778 Color Conversion

Color Schemes with #5f3778

Alternatives to #5f3778

#5f3778 Preview

Shades and Tints of #5f3778

Tones of #5f3778

Color Blindness Simulator