#5f2dff hex color

In a RGB color space, hex #5f2dff is composed of 37.3% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 254.3 degrees, a saturation of 100% and a lightness of 58.8%. #5f2dff color hex could be obtained by blending #be5aff with #0000ff. Closest websafe color is: #6633ff.

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

● #5f2dff color description : Vivid blue.

The hexadecimal color #5f2dff has RGB values of R:95, G:45, B:255 and CMYK values of C:0.63, M:0.82, Y:0, K:0. Its decimal value is 6237695.

Hex triplet	5f2dff	`#5f2dff`
RGB Decimal	95, 45, 255	`rgb(95,45,255)`
RGB Percent	37.3, 17.6, 100	`rgb(37.3%,17.6%,100%)`
CMYK	63, 82, 0, 0
HSL	254.3°, 100, 58.8	`hsl(254.3,100%,58.8%)`
HSV (or HSB)	254.3°, 82.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.457, 71.377, -94.158
XYZ	23.704, 11.529, 95.578
xyY	0.181, 0.088, 11.529
CIE-LCH	40.457, 118.154, 307.164
CIE-LUV	40.457, -0.884, -133.421
Hunter-Lab	33.954, 65.197, -143.13
Binary	01011111, 00101101, 11111111

#5f2dff
```
#5f2dff rgb(95,45,255)
```
#cdff2d
```
#cdff2d rgb(205,255,45)
```

Complementary Color

#2d64ff
```
#2d64ff rgb(45,100,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#c82dff
```
#c82dff rgb(200,45,255)
```

Analogous Color

#64ff2d
```
#64ff2d rgb(100,255,45)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#ffc82d
```
#ffc82d rgb(255,200,45)
```

Split Complementary Color

#2dff5f
```
#2dff5f rgb(45,255,95)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#ff5f2d
```
#ff5f2d rgb(255,95,45)
```

Triadic Color

#2dcdff
```
#2dcdff rgb(45,205,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#ff5f2d
```
#ff5f2d rgb(255,95,45)
```
#cdff2d
```
#cdff2d rgb(205,255,45)
```

Tetradic Color

#3500e0
```
#3500e0 rgb(53,0,224)
```
#3b00f9
```
#3b00f9 rgb(59,0,249)
```
#4c14ff
```
#4c14ff rgb(76,20,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#7247ff
```
#7247ff rgb(114,71,255)
```
#8660ff
```
#8660ff rgb(134,96,255)
```
#997aff
```
#997aff rgb(153,122,255)
```

Monochromatic Color

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

#2d30ff
```
#2d30ff rgb(45,48,255)
```
#3c2dff
```
#3c2dff rgb(60,45,255)
```
#4d2dff
```
#4d2dff rgb(77,45,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#712dff
```
#712dff rgb(113,45,255)
```
#822dff
```
#822dff rgb(130,45,255)
```
#942dff
```
#942dff rgb(148,45,255)
```

Similar Colors

Text with hexadecimal color #5f2dff

This text has a font color of #5f2dff.

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

#5f2dff background color

This paragraph has a background color of #5f2dff.

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

#5f2dff border color

This element has a border color of #5f2dff.

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

CSS codes

.text {color:#5f2dff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#060019
```
#060019 rgb(6,0,25)
```
#0b002d
```
#0b002d rgb(11,0,45)
```
#0f0041
```
#0f0041 rgb(15,0,65)
```
#140054
```
#140054 rgb(20,0,84)
```
#190068
```
#190068 rgb(25,0,104)
```
#1d007b
```
#1d007b rgb(29,0,123)
```
#22008f
```
#22008f rgb(34,0,143)
```
#2700a3
```
#2700a3 rgb(39,0,163)
```
#2b00b6
```
#2b00b6 rgb(43,0,182)
```
#3000ca
```
#3000ca rgb(48,0,202)
```
#3500de
```
#3500de rgb(53,0,222)
```
#3900f1
```
#3900f1 rgb(57,0,241)
```

Shade Color Variation

#4106ff
```
#4106ff rgb(65,6,255)
```
#5019ff
```
#5019ff rgb(80,25,255)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```
#6e41ff
```
#6e41ff rgb(110,65,255)
```
#7d54ff
```
#7d54ff rgb(125,84,255)
```
#8c68ff
```
#8c68ff rgb(140,104,255)
```
#9b7bff
```
#9b7bff rgb(155,123,255)
```
#aa8fff
```
#aa8fff rgb(170,143,255)
```
#b9a3ff
```
#b9a3ff rgb(185,163,255)
```
#c8b6ff
```
#c8b6ff rgb(200,182,255)
```
#d7caff
```
#d7caff rgb(215,202,255)
```
#e6deff
```
#e6deff rgb(230,222,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

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

#928e9e
```
#928e9e rgb(146,142,158)
```
#8e86a6
```
#8e86a6 rgb(142,134,166)
```
#897eae
```
#897eae rgb(137,126,174)
```
#8576b6
```
#8576b6 rgb(133,118,182)
```
#816ebe
```
#816ebe rgb(129,110,190)
```
#7d66c6
```
#7d66c6 rgb(125,102,198)
```
#785dcf
```
#785dcf rgb(120,93,207)
```
#7455d7
```
#7455d7 rgb(116,85,215)
```
#704ddf
```
#704ddf rgb(112,77,223)
```
#6c45e7
```
#6c45e7 rgb(108,69,231)
```
#673def
```
#673def rgb(103,61,239)
```
#6335f7
```
#6335f7 rgb(99,53,247)
```
#5f2dff
```
#5f2dff rgb(95,45,255)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#564c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#2250d9 Protanomaly 1% of men, 0.01% of women
#2254c8 Deuteranomaly 6% of men, 0.4% of women
#2258a9 Tritanomaly 0.01% of the population

#5f2dff hex color

#5f2dff Color Information

#5f2dff Color Conversion

Color Schemes with #5f2dff

Alternatives to #5f2dff

#5f2dff Preview

Shades and Tints of #5f2dff

Tones of #5f2dff

Color Blindness Simulator