#5f02ff hex color

In a RGB color space, hex #5f02ff is composed of 37.3% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 262.1 degrees, a saturation of 100% and a lightness of 50.4%. #5f02ff color hex could be obtained by blending #be04ff with #0000ff. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 37
- G 1
- B 100
RGB color chart
- C 63
- M 99
- Y 0
- K 0
CMYK color chart

● #5f02ff color description : Vivid violet.

The hexadecimal color #5f02ff has RGB values of R:95, G:2, B:255 and CMYK values of C:0.63, M:0.99, Y:0, K:0. Its decimal value is 6226687.

Hex triplet	5f02ff	`#5f02ff`
RGB Decimal	95, 2, 255	`rgb(95,2,255)`
RGB Percent	37.3, 0.8, 100	`rgb(37.3%,0.8%,100%)`
CMYK	63, 99, 0, 0
HSL	262.1°, 100, 50.4	`hsl(262.1,100%,50.4%)`
HSV (or HSB)	262.1°, 99.2, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.29, 80.917, -99.413
XYZ	22.788, 9.696, 95.273
xyY	0.178, 0.076, 9.696
CIE-LCH	37.29, 128.182, 309.144
CIE-LUV	37.29, 1.413, -133.871
Hunter-Lab	31.138, 76.142, -159.615
Binary	01011111, 00000010, 11111111

#5f02ff
```
#5f02ff rgb(95,2,255)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```

Complementary Color

#0224ff
```
#0224ff rgb(2,36,255)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#de02ff
```
#de02ff rgb(222,2,255)
```

Analogous Color

#24ff02
```
#24ff02 rgb(36,255,2)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#ffde02
```
#ffde02 rgb(255,222,2)
```

Split Complementary Color

#02ff5f
```
#02ff5f rgb(2,255,95)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#ff5f02
```
#ff5f02 rgb(255,95,2)
```

Triadic Color

#02a2ff
```
#02a2ff rgb(2,162,255)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#ff5f02
```
#ff5f02 rgb(255,95,2)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```

Tetradic Color

#4200b5
```
#4200b5 rgb(66,0,181)
```
#4c00ce
```
#4c00ce rgb(76,0,206)
```
#5500e8
```
#5500e8 rgb(85,0,232)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#6f1cff
```
#6f1cff rgb(111,28,255)
```
#7f35ff
```
#7f35ff rgb(127,53,255)
```
#8f4fff
```
#8f4fff rgb(143,79,255)
```

Monochromatic Color

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

#2002ff
```
#2002ff rgb(32,2,255)
```
#3502ff
```
#3502ff rgb(53,2,255)
```
#4a02ff
```
#4a02ff rgb(74,2,255)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```
#7402ff
```
#7402ff rgb(116,2,255)
```
#8902ff
```
#8902ff rgb(137,2,255)
```
#9e02ff
```
#9e02ff rgb(158,2,255)
```

Similar Colors

Text with hexadecimal color #5f02ff

This text has a font color of #5f02ff.

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

#5f02ff background color

This paragraph has a background color of #5f02ff.

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

#5f02ff border color

This element has a border color of #5f02ff.

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

CSS codes

.text {color:#5f02ff;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080016
```
#080016 rgb(8,0,22)
```
#0f0029
```
#0f0029 rgb(15,0,41)
```
#16003d
```
#16003d rgb(22,0,61)
```
#1e0050
```
#1e0050 rgb(30,0,80)
```
#250064
```
#250064 rgb(37,0,100)
```
#2c0078
```
#2c0078 rgb(44,0,120)
```
#33008b
```
#33008b rgb(51,0,139)
```
#3a009f
```
#3a009f rgb(58,0,159)
```
#4200b3
```
#4200b3 rgb(66,0,179)
```
#4900c6
```
#4900c6 rgb(73,0,198)
```
#5000da
```
#5000da rgb(80,0,218)
```
#5700ed
```
#5700ed rgb(87,0,237)
```

Shade Color Variation

#5f02ff
```
#5f02ff rgb(95,2,255)
```
#6b16ff
```
#6b16ff rgb(107,22,255)
```
#7829ff
```
#7829ff rgb(120,41,255)
```
#843dff
```
#843dff rgb(132,61,255)
```
#9150ff
```
#9150ff rgb(145,80,255)
```
#9d64ff
```
#9d64ff rgb(157,100,255)
```
#a978ff
```
#a978ff rgb(169,120,255)
```
#b68bff
```
#b68bff rgb(182,139,255)
```
#c29fff
```
#c29fff rgb(194,159,255)
```
#cfb3ff
```
#cfb3ff rgb(207,179,255)
```
#dbc6ff
```
#dbc6ff rgb(219,198,255)
```
#e7daff
```
#e7daff rgb(231,218,255)
```
#f4edff
```
#f4edff rgb(244,237,255)
```

Tint Color Variation

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

#7e778a
```
#7e778a rgb(126,119,138)
```
#7b6d94
```
#7b6d94 rgb(123,109,148)
```
#79639e
```
#79639e rgb(121,99,158)
```
#765aa7
```
#765aa7 rgb(118,90,167)
```
#7450b1
```
#7450b1 rgb(116,80,177)
```
#7146bb
```
#7146bb rgb(113,70,187)
```
#6e3cc5
```
#6e3cc5 rgb(110,60,197)
```
#6c33ce
```
#6c33ce rgb(108,51,206)
```
#6929d8
```
#6929d8 rgb(105,41,216)
```
#671fe2
```
#671fe2 rgb(103,31,226)
```
#6415ec
```
#6415ec rgb(100,21,236)
```
#620cf5
```
#620cf5 rgb(98,12,245)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#423062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#223cd0 Protanomaly 1% of men, 0.01% of women
#223fc0 Deuteranomaly 6% of men, 0.4% of women
#2244a4 Tritanomaly 0.01% of the population

#5f02ff hex color

#5f02ff Color Information

#5f02ff Color Conversion

Color Schemes with #5f02ff

Alternatives to #5f02ff

#5f02ff Preview

Shades and Tints of #5f02ff

Tones of #5f02ff

Color Blindness Simulator