#5f3768 hex color

In a RGB color space, hex #5f3768 is composed of 37.3% red, 21.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 47.1% magenta, 0% yellow and 59.2% black. It has a hue angle of 289 degrees, a saturation of 30.8% and a lightness of 31.2%. #5f3768 color hex could be obtained by blending #be6ed0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 22
- B 41
RGB color chart
- C 9
- M 47
- Y 0
- K 59
CMYK color chart

● #5f3768 color description : Very dark desaturated magenta.

The hexadecimal color #5f3768 has RGB values of R:95, G:55, B:104 and CMYK values of C:0.09, M:0.47, Y:0, K:0.59. Its decimal value is 6240104.

Hex triplet	5f3768	`#5f3768`
RGB Decimal	95, 55, 104	`rgb(95,55,104)`
RGB Percent	37.3, 21.6, 40.8	`rgb(37.3%,21.6%,40.8%)`
CMYK	9, 47, 0, 59
HSL	289°, 30.8, 31.2	`hsl(289,30.8%,31.2%)`
HSV (or HSB)	289°, 47.1, 40.8
Web Safe	663366	`#663366`

CIE-LAB	29.825, 26.807, -21.535
XYZ	8.584, 6.165, 13.834
xyY	0.3, 0.216, 6.165
CIE-LCH	29.825, 34.386, 321.223
CIE-LUV	29.825, 16.676, -30.681
Hunter-Lab	24.829, 18.258, -15.653
Binary	01011111, 00110111, 01101000

#5f3768
```
#5f3768 rgb(95,55,104)
```
#406837
```
#406837 rgb(64,104,55)
```

Complementary Color

#473768
```
#473768 rgb(71,55,104)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#683759
```
#683759 rgb(104,55,89)
```

Analogous Color

#376847
```
#376847 rgb(55,104,71)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#596837
```
#596837 rgb(89,104,55)
```

Split Complementary Color

#37685f
```
#37685f rgb(55,104,95)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#685f37
```
#685f37 rgb(104,95,55)
```

Triadic Color

#374068
```
#374068 rgb(55,64,104)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#685f37
```
#685f37 rgb(104,95,55)
```
#406837
```
#406837 rgb(64,104,55)
```

Tetradic Color

#311d36
```
#311d36 rgb(49,29,54)
```
#412547
```
#412547 rgb(65,37,71)
```
#502e57
```
#502e57 rgb(80,46,87)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#6e4079
```
#6e4079 rgb(110,64,121)
```
#7d4989
```
#7d4989 rgb(125,73,137)
```
#8d519a
```
#8d519a rgb(141,81,154)
```

Monochromatic Color

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

#533768
```
#533768 rgb(83,55,104)
```
#573768
```
#573768 rgb(87,55,104)
```
#5b3768
```
#5b3768 rgb(91,55,104)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#633768
```
#633768 rgb(99,55,104)
```
#673768
```
#673768 rgb(103,55,104)
```
#683765
```
#683765 rgb(104,55,101)
```

Similar Colors

Text with hexadecimal color #5f3768

This text has a font color of #5f3768.

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

#5f3768 background color

This paragraph has a background color of #5f3768.

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

#5f3768 border color

This element has a border color of #5f3768.

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

CSS codes

.text {color:#5f3768;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#190e1b
```
#190e1b rgb(25,14,27)
```
#241528
```
#241528 rgb(36,21,40)
```
#301c35
```
#301c35 rgb(48,28,53)
```
#3c2342
```
#3c2342 rgb(60,35,66)
```
#48294e
```
#48294e rgb(72,41,78)
```
#53305b
```
#53305b rgb(83,48,91)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#6b3e75
```
#6b3e75 rgb(107,62,117)
```
#764582
```
#764582 rgb(118,69,130)
```
#824b8e
```
#824b8e rgb(130,75,142)
```
#8e529b
```
#8e529b rgb(142,82,155)
```

Shade Color Variation

#995aa8
```
#995aa8 rgb(153,90,168)
```
#a166ae
```
#a166ae rgb(161,102,174)
```
#a973b5
```
#a973b5 rgb(169,115,181)
```
#b180bc
```
#b180bc rgb(177,128,188)
```
#b98dc3
```
#b98dc3 rgb(185,141,195)
```
#c19ac9
```
#c19ac9 rgb(193,154,201)
```
#c9a7d0
```
#c9a7d0 rgb(201,167,208)
```
#d0b3d7
```
#d0b3d7 rgb(208,179,215)
```
#d8c0de
```
#d8c0de rgb(216,192,222)
```
#e0cde5
```
#e0cde5 rgb(224,205,229)
```
#e8daeb
```
#e8daeb rgb(232,218,235)
```
#f0e7f2
```
#f0e7f2 rgb(240,231,242)
```
#f8f4f9
```
#f8f4f9 rgb(248,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504f50 is the less saturated color, while #7e0699 is the most saturated one.

#504f50
```
#504f50 rgb(80,79,80)
```
#534956
```
#534956 rgb(83,73,86)
```
#57435c
```
#57435c rgb(87,67,92)
```
#5b3d62
```
#5b3d62 rgb(91,61,98)
```
#5f3768
```
#5f3768 rgb(95,55,104)
```
#63316e
```
#63316e rgb(99,49,110)
```
#672b74
```
#672b74 rgb(103,43,116)
```
#6b257a
```
#6b257a rgb(107,37,122)
```
#6e1f80
```
#6e1f80 rgb(110,31,128)
```
#721887
```
#721887 rgb(114,24,135)
```
#76128d
```
#76128d rgb(118,18,141)
```
#7a0c93
```
#7a0c93 rgb(122,12,147)
```
#7e0699
```
#7e0699 rgb(126,6,153)
```

Tone Color Variation

Below, you can see how #5f3768 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
#4d454f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4e79 Protanopia 1% of men
#464f6b Deuteranopia 1% of men
#61494e Tritanopia 0.001% of the population

Trichromacy

#4a4573 Protanomaly 1% of men, 0.01% of women
#4f466a Deuteranomaly 6% of men, 0.4% of women
#604257 Tritanomaly 0.01% of the population

#5f3768 hex color

#5f3768 Color Information

#5f3768 Color Conversion

Color Schemes with #5f3768

Alternatives to #5f3768

#5f3768 Preview

Shades and Tints of #5f3768

Tones of #5f3768

Color Blindness Simulator