#5f4bb4 hex color

In a RGB color space, hex #5f4bb4 is composed of 37.3% red, 29.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 58.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 251.4 degrees, a saturation of 41.2% and a lightness of 50%. #5f4bb4 color hex could be obtained by blending #be96ff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 29
- B 71
RGB color chart
- C 47
- M 58
- Y 0
- K 29
CMYK color chart

● #5f4bb4 color description : Moderate blue.

The hexadecimal color #5f4bb4 has RGB values of R:95, G:75, B:180 and CMYK values of C:0.47, M:0.58, Y:0, K:0.29. Its decimal value is 6245300.

Hex triplet	5f4bb4	`#5f4bb4`
RGB Decimal	95, 75, 180	`rgb(95,75,180)`
RGB Percent	37.3, 29.4, 70.6	`rgb(37.3%,29.4%,70.6%)`
CMYK	47, 58, 0, 29
HSL	251.4°, 41.2, 50	`hsl(251.4,41.2%,50%)`
HSV (or HSB)	251.4°, 58.3, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.173, 35.191, -53.227
XYZ	15.472, 10.76, 44.439
xyY	0.219, 0.152, 10.76
CIE-LCH	39.173, 63.809, 303.47
CIE-LUV	39.173, 0.854, -79.515
Hunter-Lab	32.802, 26.79, -57.361
Binary	01011111, 01001011, 10110100

#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#a0b44b
```
#a0b44b rgb(160,180,75)
```

Complementary Color

#4b6cb4
```
#4b6cb4 rgb(75,108,180)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#944bb4
```
#944bb4 rgb(148,75,180)
```

Analogous Color

#6cb44b
```
#6cb44b rgb(108,180,75)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#b4944b
```
#b4944b rgb(180,148,75)
```

Split Complementary Color

#4bb45f
```
#4bb45f rgb(75,180,95)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#b45f4b
```
#b45f4b rgb(180,95,75)
```

Triadic Color

#4ba0b4
```
#4ba0b4 rgb(75,160,180)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#b45f4b
```
#b45f4b rgb(180,95,75)
```
#a0b44b
```
#a0b44b rgb(160,180,75)
```

Tetradic Color

#42357e
```
#42357e rgb(66,53,126)
```
#4c3c90
```
#4c3c90 rgb(76,60,144)
```
#5544a2
```
#5544a2 rgb(85,68,162)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#6f5dbc
```
#6f5dbc rgb(111,93,188)
```
#7f6fc3
```
#7f6fc3 rgb(127,111,195)
```
#8f81cb
```
#8f81cb rgb(143,129,203)
```

Monochromatic Color

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

#4b51b4
```
#4b51b4 rgb(75,81,180)
```
#4e4bb4
```
#4e4bb4 rgb(78,75,180)
```
#564bb4
```
#564bb4 rgb(86,75,180)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#684bb4
```
#684bb4 rgb(104,75,180)
```
#714bb4
```
#714bb4 rgb(113,75,180)
```
#794bb4
```
#794bb4 rgb(121,75,180)
```

Similar Colors

Text with hexadecimal color #5f4bb4

This text has a font color of #5f4bb4.

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

#5f4bb4 background color

This paragraph has a background color of #5f4bb4.

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

#5f4bb4 border color

This element has a border color of #5f4bb4.

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

CSS codes

.text {color:#5f4bb4;}

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

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

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, #07060e is the darkest color, while #ffffff is the lightest one.

#07060e
```
#07060e rgb(7,6,14)
```
#0f0c1c
```
#0f0c1c rgb(15,12,28)
```
#16112a
```
#16112a rgb(22,17,42)
```
#1d1737
```
#1d1737 rgb(29,23,55)
```
#251d45
```
#251d45 rgb(37,29,69)
```
#2c2353
```
#2c2353 rgb(44,35,83)
```
#332861
```
#332861 rgb(51,40,97)
```
#3a2e6f
```
#3a2e6f rgb(58,46,111)
```
#42347d
```
#42347d rgb(66,52,125)
```
#493a8a
```
#493a8a rgb(73,58,138)
```
#503f98
```
#503f98 rgb(80,63,152)
```
#5845a6
```
#5845a6 rgb(88,69,166)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```

Shade Color Variation

#6b59ba
```
#6b59ba rgb(107,89,186)
```
#7867c0
```
#7867c0 rgb(120,103,192)
```
#8475c5
```
#8475c5 rgb(132,117,197)
```
#9082cb
```
#9082cb rgb(144,130,203)
```
#9d90d1
```
#9d90d1 rgb(157,144,209)
```
#a99ed7
```
#a99ed7 rgb(169,158,215)
```
#b5acdc
```
#b5acdc rgb(181,172,220)
```
#c1bae2
```
#c1bae2 rgb(193,186,226)
```
#cec8e8
```
#cec8e8 rgb(206,200,232)
```
#dad5ee
```
#dad5ee rgb(218,213,238)
```
#e6e3f3
```
#e6e3f3 rgb(230,227,243)
```
#f3f1f9
```
#f3f1f9 rgb(243,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d7c83
```
#7d7c83 rgb(125,124,131)
```
#77728d
```
#77728d rgb(119,114,141)
```
#716897
```
#716897 rgb(113,104,151)
```
#6b5fa0
```
#6b5fa0 rgb(107,95,160)
```
#6555aa
```
#6555aa rgb(101,85,170)
```
#5f4bb4
```
#5f4bb4 rgb(95,75,180)
```
#5941be
```
#5941be rgb(89,65,190)
```
#5337c8
```
#5337c8 rgb(83,55,200)
```
#4d2ed1
```
#4d2ed1 rgb(77,46,209)
```
#4724db
```
#4724db rgb(71,36,219)
```
#411ae5
```
#411ae5 rgb(65,26,229)
```
#3b10ef
```
#3b10ef rgb(59,16,239)
```
#3406f9
```
#3406f9 rgb(52,6,249)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d596e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#4e6870 Tritanopia 0.001% of the population

Trichromacy

#2259bb Protanomaly 1% of men, 0.01% of women
#225cad Deuteranomaly 6% of men, 0.4% of women
#545e89 Tritanomaly 0.01% of the population

#5f4bb4 hex color

#5f4bb4 Color Information

#5f4bb4 Color Conversion

Color Schemes with #5f4bb4

Alternatives to #5f4bb4

#5f4bb4 Preview

Shades and Tints of #5f4bb4

Tones of #5f4bb4

Color Blindness Simulator