#5f00b4 hex color

In a RGB color space, hex #5f00b4 is composed of 37.3% red, 0% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 100% magenta, 0% yellow and 29.4% black. It has a hue angle of 271.7 degrees, a saturation of 100% and a lightness of 35.3%. #5f00b4 color hex could be obtained by blending #be00ff with #000069. Closest websafe color is: #6600cc.

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

● #5f00b4 color description : Strong violet.

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

Hex triplet	5f00b4	`#5f00b4`
RGB Decimal	95, 0, 180	`rgb(95,0,180)`
RGB Percent	37.3, 0, 70.6	`rgb(37.3%,0%,70.6%)`
CMYK	47, 100, 0, 29
HSL	271.7°, 100, 35.3	`hsl(271.7,100%,35.3%)`
HSV (or HSB)	271.7°, 100, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.716, 64.584, -70.318
XYZ	12.956, 5.728, 43.601
xyY	0.208, 0.092, 5.728
CIE-LCH	28.716, 95.476, 312.566
CIE-LUV	28.716, 10.377, -91.042
Hunter-Lab	23.934, 54.745, -91.257
Binary	01011111, 00000000, 10110100

#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#55b400
```
#55b400 rgb(85,180,0)
```

Complementary Color

#0500b4
```
#0500b4 rgb(5,0,180)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#b400af
```
#b400af rgb(180,0,175)
```

Analogous Color

#00b405
```
#00b405 rgb(0,180,5)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#afb400
```
#afb400 rgb(175,180,0)
```

Split Complementary Color

#00b45f
```
#00b45f rgb(0,180,95)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#b45f00
```
#b45f00 rgb(180,95,0)
```

Triadic Color

#0055b4
```
#0055b4 rgb(0,85,180)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#b45f00
```
#b45f00 rgb(180,95,0)
```
#55b400
```
#55b400 rgb(85,180,0)
```

Tetradic Color

#370068
```
#370068 rgb(55,0,104)
```
#440081
```
#440081 rgb(68,0,129)
```
#52009b
```
#52009b rgb(82,0,155)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#6c00ce
```
#6c00ce rgb(108,0,206)
```
#7a00e7
```
#7a00e7 rgb(122,0,231)
```
#8701ff
```
#8701ff rgb(135,1,255)
```

Monochromatic Color

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

#3200b4
```
#3200b4 rgb(50,0,180)
```
#4100b4
```
#4100b4 rgb(65,0,180)
```
#5000b4
```
#5000b4 rgb(80,0,180)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#6e00b4
```
#6e00b4 rgb(110,0,180)
```
#7d00b4
```
#7d00b4 rgb(125,0,180)
```
#8c00b4
```
#8c00b4 rgb(140,0,180)
```

Similar Colors

Text with hexadecimal color #5f00b4

This text has a font color of #5f00b4.

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

#5f00b4 background color

This paragraph has a background color of #5f00b4.

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

#5f00b4 border color

This element has a border color of #5f00b4.

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

CSS codes

.text {color:#5f00b4;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0c0017
```
#0c0017 rgb(12,0,23)
```
#17002b
```
#17002b rgb(23,0,43)
```
#21003e
```
#21003e rgb(33,0,62)
```
#2b0052
```
#2b0052 rgb(43,0,82)
```
#360066
```
#360066 rgb(54,0,102)
```
#400079
```
#400079 rgb(64,0,121)
```
#4a008d
```
#4a008d rgb(74,0,141)
```
#5500a0
```
#5500a0 rgb(85,0,160)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```
#6900c8
```
#6900c8 rgb(105,0,200)
```
#7400db
```
#7400db rgb(116,0,219)
```
#7e00ef
```
#7e00ef rgb(126,0,239)
```

Shade Color Variation

#8803ff
```
#8803ff rgb(136,3,255)
```
#9117ff
```
#9117ff rgb(145,23,255)
```
#9b2bff
```
#9b2bff rgb(155,43,255)
```
#a43eff
```
#a43eff rgb(164,62,255)
```
#ad52ff
```
#ad52ff rgb(173,82,255)
```
#b766ff
```
#b766ff rgb(183,102,255)
```
#c079ff
```
#c079ff rgb(192,121,255)
```
#c98dff
```
#c98dff rgb(201,141,255)
```
#d2a0ff
```
#d2a0ff rgb(210,160,255)
```
#dcb4ff
```
#dcb4ff rgb(220,180,255)
```
#e5c8ff
```
#e5c8ff rgb(229,200,255)
```
#eedbff
```
#eedbff rgb(238,219,255)
```
#f7efff
```
#f7efff rgb(247,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5361 is the less saturated color, while #5f00b4 is the most saturated one.

#5a5361
```
#5a5361 rgb(90,83,97)
```
#5b4c68
```
#5b4c68 rgb(91,76,104)
```
#5b456f
```
#5b456f rgb(91,69,111)
```
#5c3e76
```
#5c3e76 rgb(92,62,118)
```
#5c377d
```
#5c377d rgb(92,55,125)
```
#5c3084
```
#5c3084 rgb(92,48,132)
```
#5d2a8a
```
#5d2a8a rgb(93,42,138)
```
#5d2391
```
#5d2391 rgb(93,35,145)
```
#5d1c98
```
#5d1c98 rgb(93,28,152)
```
#5e159f
```
#5e159f rgb(94,21,159)
```
#5e0ea6
```
#5e0ea6 rgb(94,14,166)
```
#5f07ad
```
#5f07ad rgb(95,7,173)
```
#5f00b4
```
#5f00b4 rgb(95,0,180)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#3a274b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#474e54 Tritanopia 0.001% of the population

Trichromacy

#222f9e Protanomaly 1% of men, 0.01% of women
#223292 Deuteranomaly 6% of men, 0.4% of women
#4f3177 Tritanomaly 0.01% of the population

#5f00b4 hex color

#5f00b4 Color Information

#5f00b4 Color Conversion

Color Schemes with #5f00b4

Alternatives to #5f00b4

#5f00b4 Preview

Shades and Tints of #5f00b4

Tones of #5f00b4

Color Blindness Simulator