colorhexa.com

#5f2f77 hex color

In a RGB color space, hex #5f2f77 is composed of 37.3% red, 18.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 60.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 280 degrees, a saturation of 43.4% and a lightness of 32.5%. #5f2f77 color hex could be obtained by blending #be5eee with #000000. Closest websafe color is: #663366.

- R 37
- G 18
- B 47
RGB color chart
- C 20
- M 61
- Y 0
- K 53
CMYK color chart

● #5f2f77 color description : Dark moderate violet.

The hexadecimal color #5f2f77 has RGB values of R:95, G:47, B:119 and CMYK values of C:0.2, M:0.61, Y:0, K:0.53. Its decimal value is 6238071.

Hex triplet	5f2f77	`#5f2f77`
RGB Decimal	95, 47, 119	`rgb(95,47,119)`
RGB Percent	37.3, 18.4, 46.7	`rgb(37.3%,18.4%,46.7%)`
CMYK	20, 61, 0, 53
HSL	280°, 43.4, 32.5	`hsl(280,43.4%,32.5%)`
HSV (or HSB)	280°, 60.5, 46.7
Web Safe	663366	`#663366`

CIE-LAB	28.897, 34.923, -32.546
XYZ	9.065, 5.798, 18.093
xyY	0.275, 0.176, 5.798
CIE-LCH	28.897, 47.737, 317.017
CIE-LUV	28.897, 16.299, -45.524
Hunter-Lab	24.079, 25.062, -27.696
Binary	01011111, 00101111, 01110111

#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#47772f
```
#47772f rgb(71,119,47)
```

Complementary Color

#3b2f77
```
#3b2f77 rgb(59,47,119)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#772f6b
```
#772f6b rgb(119,47,107)
```

Analogous Color

#2f773b
```
#2f773b rgb(47,119,59)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#6b772f
```
#6b772f rgb(107,119,47)
```

Split Complementary Color

#2f775f
```
#2f775f rgb(47,119,95)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#775f2f
```
#775f2f rgb(119,95,47)
```

Triadic Color

#331940
```
#331940 rgb(51,25,64)
```
#422152
```
#422152 rgb(66,33,82)
```
#502865
```
#502865 rgb(80,40,101)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#6e3689
```
#6e3689 rgb(110,54,137)
```
#7c3d9c
```
#7c3d9c rgb(124,61,156)
```
#8b45ae
```
#8b45ae rgb(139,69,174)
```

Monochromatic Color

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

#4d2f77
```
#4d2f77 rgb(77,47,119)
```
#532f77
```
#532f77 rgb(83,47,119)
```
#592f77
```
#592f77 rgb(89,47,119)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#652f77
```
#652f77 rgb(101,47,119)
```
#6b2f77
```
#6b2f77 rgb(107,47,119)
```
#712f77
```
#712f77 rgb(113,47,119)
```

Similar Colors

Text with hexadecimal color #5f2f77

This text has a font color of #5f2f77.

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

#5f2f77 background color

This paragraph has a background color of #5f2f77.

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

#5f2f77 border color

This element has a border color of #5f2f77.

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

CSS codes

.text {color:#5f2f77;}

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

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

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

#050307
```
#050307 rgb(5,3,7)
```
#100815
```
#100815 rgb(16,8,21)
```
#1c0e23
```
#1c0e23 rgb(28,14,35)
```
#271331
```
#271331 rgb(39,19,49)
```
#32193f
```
#32193f rgb(50,25,63)
```
#3d1e4d
```
#3d1e4d rgb(61,30,77)
```
#49245b
```
#49245b rgb(73,36,91)
```
#542969
```
#542969 rgb(84,41,105)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#6a3585
```
#6a3585 rgb(106,53,133)
```
#753a93
```
#753a93 rgb(117,58,147)
```
#8140a1
```
#8140a1 rgb(129,64,161)
```
#8c45af
```
#8c45af rgb(140,69,175)
```

Shade Color Variation

#964fb9
```
#964fb9 rgb(150,79,185)
```
#9e5dbf
```
#9e5dbf rgb(158,93,191)
```
#a76bc4
```
#a76bc4 rgb(167,107,196)
```
#af79ca
```
#af79ca rgb(175,121,202)
```
#b787d0
```
#b787d0 rgb(183,135,208)
```
#c095d5
```
#c095d5 rgb(192,149,213)
```
#c8a3db
```
#c8a3db rgb(200,163,219)
```
#d1b1e0
```
#d1b1e0 rgb(209,177,224)
```
#d9bfe6
```
#d9bfe6 rgb(217,191,230)
```
#e1cdeb
```
#e1cdeb rgb(225,205,235)
```
#eadbf1
```
#eadbf1 rgb(234,219,241)
```
#f2e9f6
```
#f2e9f6 rgb(242,233,246)
```
#faf7fc
```
#faf7fc rgb(250,247,252)
```

Tint Color Variation

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

#544f57
```
#544f57 rgb(84,79,87)
```
#56495d
```
#56495d rgb(86,73,93)
```
#594264
```
#594264 rgb(89,66,100)
```
#5b3c6a
```
#5b3c6a rgb(91,60,106)
```
#5d3571
```
#5d3571 rgb(93,53,113)
```
#5f2f77
```
#5f2f77 rgb(95,47,119)
```
#61297d
```
#61297d rgb(97,41,125)
```
#632284
```
#632284 rgb(99,34,132)
```
#651c8a
```
#651c8a rgb(101,28,138)
```
#681591
```
#681591 rgb(104,21,145)
```
#6a0f97
```
#6a0f97 rgb(106,15,151)
```
#6c099d
```
#6c099d rgb(108,9,157)
```
#6e02a4
```
#6e02a4 rgb(110,2,164)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b4150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#234b8c Protanopia 1% of men
#334e77 Deuteranopia 1% of men
#5e474c Tritanopia 0.001% of the population

Trichromacy

#384184 Protanomaly 1% of men, 0.01% of women
#434277 Deuteranomaly 6% of men, 0.4% of women
#5e3e5c Tritanomaly 0.01% of the population