colorhexa.com

#5f3f98 hex color

In a RGB color space, hex #5f3f98 is composed of 37.3% red, 24.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 58.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 261.6 degrees, a saturation of 41.4% and a lightness of 42.2%. #5f3f98 color hex could be obtained by blending #be7eff with #000031. Closest websafe color is: #663399.

- R 37
- G 25
- B 60
RGB color chart
- C 38
- M 59
- Y 0
- K 40
CMYK color chart

● #5f3f98 color description : Dark moderate violet.

The hexadecimal color #5f3f98 has RGB values of R:95, G:63, B:152 and CMYK values of C:0.38, M:0.59, Y:0, K:0.4. Its decimal value is 6242200.

Hex triplet	5f3f98	`#5f3f98`
RGB Decimal	95, 63, 152	`rgb(95,63,152)`
RGB Percent	37.3, 24.7, 59.6	`rgb(37.3%,24.7%,59.6%)`
CMYK	38, 59, 0, 40
HSL	261.6°, 41.4, 42.2	`hsl(261.6,41.4%,42.2%)`
HSV (or HSB)	261.6°, 58.6, 59.6
Web Safe	663399	`#663399`

CIE-LAB	34.508, 34.258, -44.001
XYZ	12.163, 8.255, 30.657
xyY	0.238, 0.162, 8.255
CIE-LCH	34.508, 55.765, 307.903
CIE-LUV	34.508, 6.995, -63.892
Hunter-Lab	28.731, 25.288, -43.151
Binary	01011111, 00111111, 10011000

#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#78983f
```
#78983f rgb(120,152,63)
```

Complementary Color

#3f4c98
```
#3f4c98 rgb(63,76,152)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#8c3f98
```
#8c3f98 rgb(140,63,152)
```

Analogous Color

#4c983f
```
#4c983f rgb(76,152,63)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#988c3f
```
#988c3f rgb(152,140,63)
```

Split Complementary Color

#3f985f
```
#3f985f rgb(63,152,95)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#985f3f
```
#985f3f rgb(152,95,63)
```

Triadic Color

#3f7898
```
#3f7898 rgb(63,120,152)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#985f3f
```
#985f3f rgb(152,95,63)
```
#78983f
```
#78983f rgb(120,152,63)
```

Tetradic Color

#3d2962
```
#3d2962 rgb(61,41,98)
```
#483074
```
#483074 rgb(72,48,116)
```
#543886
```
#543886 rgb(84,56,134)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#6a46aa
```
#6a46aa rgb(106,70,170)
```
#7752b8
```
#7752b8 rgb(119,82,184)
```
#8565bf
```
#8565bf rgb(133,101,191)
```

Monochromatic Color

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

#493f98
```
#493f98 rgb(73,63,152)
```
#503f98
```
#503f98 rgb(80,63,152)
```
#583f98
```
#583f98 rgb(88,63,152)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#663f98
```
#663f98 rgb(102,63,152)
```
#6e3f98
```
#6e3f98 rgb(110,63,152)
```
#753f98
```
#753f98 rgb(117,63,152)
```

Similar Colors

Text with hexadecimal color #5f3f98

This text has a font color of #5f3f98.

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

#5f3f98 background color

This paragraph has a background color of #5f3f98.

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

#5f3f98 border color

This element has a border color of #5f3f98.

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

CSS codes

.text {color:#5f3f98;}

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

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

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, #08060d is the darkest color, while #fffeff is the lightest one.

#08060d
```
#08060d rgb(8,6,13)
```
#110b1b
```
#110b1b rgb(17,11,27)
```
#1a1129
```
#1a1129 rgb(26,17,41)
```
#221737
```
#221737 rgb(34,23,55)
```
#2b1d45
```
#2b1d45 rgb(43,29,69)
```
#342253
```
#342253 rgb(52,34,83)
```
#3c2861
```
#3c2861 rgb(60,40,97)
```
#452e6e
```
#452e6e rgb(69,46,110)
```
#4e347c
```
#4e347c rgb(78,52,124)
```
#56398a
```
#56398a rgb(86,57,138)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#6845a6
```
#6845a6 rgb(104,69,166)
```
#704ab4
```
#704ab4 rgb(112,74,180)
```

Shade Color Variation

#7b58ba
```
#7b58ba rgb(123,88,186)
```
#8666c0
```
#8666c0 rgb(134,102,192)
```
#9174c5
```
#9174c5 rgb(145,116,197)
```
#9c82cb
```
#9c82cb rgb(156,130,203)
```
#a790d1
```
#a790d1 rgb(167,144,209)
```
#b29dd7
```
#b29dd7 rgb(178,157,215)
```
#bdabdc
```
#bdabdc rgb(189,171,220)
```
#c8b9e2
```
#c8b9e2 rgb(200,185,226)
```
#d3c7e8
```
#d3c7e8 rgb(211,199,232)
```
#ded5ee
```
#ded5ee rgb(222,213,238)
```
#e9e3f3
```
#e9e3f3 rgb(233,227,243)
```
#f4f1f9
```
#f4f1f9 rgb(244,241,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6b686f
```
#6b686f rgb(107,104,111)
```
#686077
```
#686077 rgb(104,96,119)
```
#66587f
```
#66587f rgb(102,88,127)
```
#645087
```
#645087 rgb(100,80,135)
```
#614790
```
#614790 rgb(97,71,144)
```
#5f3f98
```
#5f3f98 rgb(95,63,152)
```
#5d37a0
```
#5d37a0 rgb(93,55,160)
```
#5a2ea9
```
#5a2ea9 rgb(90,46,169)
```
#5826b1
```
#5826b1 rgb(88,38,177)
```
#561eb9
```
#561eb9 rgb(86,30,185)
```
#5316c1
```
#5316c1 rgb(83,22,193)
```
#510dca
```
#510dca rgb(81,13,202)
```
#4f05d2
```
#4f05d2 rgb(79,5,210)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#554f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1357aa Protanopia 1% of men
#1d5b96 Deuteranopia 1% of men
#575a60 Tritanopia 0.001% of the population

Trichromacy

#2e4ea3 Protanomaly 1% of men, 0.01% of women
#355197 Deuteranomaly 6% of men, 0.4% of women
#5a5074 Tritanomaly 0.01% of the population