#5f3aff hex color

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

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

● #5f3aff color description : Light blue.

The hexadecimal color #5f3aff has RGB values of R:95, G:58, B:255 and CMYK values of C:0.63, M:0.77, Y:0, K:0. Its decimal value is 6241023.

Hex triplet	5f3aff	`#5f3aff`
RGB Decimal	95, 58, 255	`rgb(95,58,255)`
RGB Percent	37.3, 22.7, 100	`rgb(37.3%,22.7%,100%)`
CMYK	63, 77, 0, 0
HSL	251.3°, 100, 61.4	`hsl(251.3,100%,61.4%)`
HSV (or HSB)	251.3°, 77.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.274, 66.068, -91.153
XYZ	24.279, 12.678, 95.77
xyY	0.183, 0.096, 12.678
CIE-LCH	42.274, 112.578, 305.935
CIE-LUV	42.274, -2.357, -132.407
Hunter-Lab	35.606, 59.404, -134.548
Binary	01011111, 00111010, 11111111

#5f3aff
```
#5f3aff rgb(95,58,255)
```
#daff3a
```
#daff3a rgb(218,255,58)
```

Complementary Color

#3a78ff
```
#3a78ff rgb(58,120,255)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#c23aff
```
#c23aff rgb(194,58,255)
```

Analogous Color

#78ff3a
```
#78ff3a rgb(120,255,58)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#ffc23a
```
#ffc23a rgb(255,194,58)
```

Split Complementary Color

#3aff5f
```
#3aff5f rgb(58,255,95)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#ff5f3a
```
#ff5f3a rgb(255,95,58)
```

Triadic Color

#3adaff
```
#3adaff rgb(58,218,255)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#ff5f3a
```
#ff5f3a rgb(255,95,58)
```
#daff3a
```
#daff3a rgb(218,255,58)
```

Tetradic Color

#2c00ed
```
#2c00ed rgb(44,0,237)
```
#3607ff
```
#3607ff rgb(54,7,255)
```
#4a21ff
```
#4a21ff rgb(74,33,255)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#7454ff
```
#7454ff rgb(116,84,255)
```
#886dff
```
#886dff rgb(136,109,255)
```
#9d87ff
```
#9d87ff rgb(157,135,255)
```

Monochromatic Color

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

#3a46ff
```
#3a46ff rgb(58,70,255)
```
#3e3aff
```
#3e3aff rgb(62,58,255)
```
#4f3aff
```
#4f3aff rgb(79,58,255)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#6f3aff
```
#6f3aff rgb(111,58,255)
```
#803aff
```
#803aff rgb(128,58,255)
```
#903aff
```
#903aff rgb(144,58,255)
```

Similar Colors

Text with hexadecimal color #5f3aff

This text has a font color of #5f3aff.

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

#5f3aff background color

This paragraph has a background color of #5f3aff.

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

#5f3aff border color

This element has a border color of #5f3aff.

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

CSS codes

.text {color:#5f3aff;}

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

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

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

#040013
```
#040013 rgb(4,0,19)
```
#070026
```
#070026 rgb(7,0,38)
```
#0b003a
```
#0b003a rgb(11,0,58)
```
#0f004e
```
#0f004e rgb(15,0,78)
```
#120061
```
#120061 rgb(18,0,97)
```
#160075
```
#160075 rgb(22,0,117)
```
#1a0088
```
#1a0088 rgb(26,0,136)
```
#1d009c
```
#1d009c rgb(29,0,156)
```
#2100b0
```
#2100b0 rgb(33,0,176)
```
#2500c3
```
#2500c3 rgb(37,0,195)
```
#2800d7
```
#2800d7 rgb(40,0,215)
```
#2c00eb
```
#2c00eb rgb(44,0,235)
```
#3000fe
```
#3000fe rgb(48,0,254)
```

Shade Color Variation

#3f13ff
```
#3f13ff rgb(63,19,255)
```
#4f26ff
```
#4f26ff rgb(79,38,255)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```
#6f4eff
```
#6f4eff rgb(111,78,255)
```
#7f61ff
```
#7f61ff rgb(127,97,255)
```
#8f75ff
```
#8f75ff rgb(143,117,255)
```
#9f88ff
```
#9f88ff rgb(159,136,255)
```
#af9cff
```
#af9cff rgb(175,156,255)
```
#bfb0ff
```
#bfb0ff rgb(191,176,255)
```
#cfc3ff
```
#cfc3ff rgb(207,195,255)
```
#ded7ff
```
#ded7ff rgb(222,215,255)
```
#eeebff
```
#eeebff rgb(238,235,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9895a4
```
#9895a4 rgb(152,149,164)
```
#938dac
```
#938dac rgb(147,141,172)
```
#8e86b3
```
#8e86b3 rgb(142,134,179)
```
#8a7ebb
```
#8a7ebb rgb(138,126,187)
```
#8577c2
```
#8577c2 rgb(133,119,194)
```
#806fca
```
#806fca rgb(128,111,202)
```
#7b67d2
```
#7b67d2 rgb(123,103,210)
```
#7760d9
```
#7760d9 rgb(119,96,217)
```
#7258e1
```
#7258e1 rgb(114,88,225)
```
#6d51e8
```
#6d51e8 rgb(109,81,232)
```
#6849f0
```
#6849f0 rgb(104,73,240)
```
#6442f7
```
#6442f7 rgb(100,66,247)
```
#5f3aff
```
#5f3aff rgb(95,58,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5d557d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#2257de Protanomaly 1% of men, 0.01% of women
#225bcd Deuteranomaly 6% of men, 0.4% of women
#2260ac Tritanomaly 0.01% of the population

#5f3aff hex color

#5f3aff Color Information

#5f3aff Color Conversion

Color Schemes with #5f3aff

Alternatives to #5f3aff

#5f3aff Preview

Shades and Tints of #5f3aff

Tones of #5f3aff

Color Blindness Simulator