#5f52ff hex color

In a RGB color space, hex #5f52ff is composed of 37.3% red, 32.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 67.8% magenta, 0% yellow and 0% black. It has a hue angle of 244.5 degrees, a saturation of 100% and a lightness of 66.1%. #5f52ff color hex could be obtained by blending #bea4ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5f52ff color description : Light blue.

The hexadecimal color #5f52ff has RGB values of R:95, G:82, B:255 and CMYK values of C:0.63, M:0.68, Y:0, K:0. Its decimal value is 6247167.

Hex triplet	5f52ff	`#5f52ff`
RGB Decimal	95, 82, 255	`rgb(95,82,255)`
RGB Percent	37.3, 32.2, 100	`rgb(37.3%,32.2%,100%)`
CMYK	63, 68, 0, 0
HSL	244.5°, 100, 66.1	`hsl(244.5,100%,66.1%)`
HSV (or HSB)	244.5°, 67.8, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.56, 54.014, -84.097
XYZ	25.783, 15.686, 96.271
xyY	0.187, 0.114, 15.686
CIE-LCH	46.56, 99.949, 302.712
CIE-LUV	46.56, -6.228, -128.078
Hunter-Lab	39.606, 46.891, -116.394
Binary	01011111, 01010010, 11111111

#5f52ff
```
#5f52ff rgb(95,82,255)
```
#f2ff52
```
#f2ff52 rgb(242,255,82)
```

Complementary Color

#529cff
```
#529cff rgb(82,156,255)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#b652ff
```
#b652ff rgb(182,82,255)
```

Analogous Color

#9cff52
```
#9cff52 rgb(156,255,82)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#ffb652
```
#ffb652 rgb(255,182,82)
```

Split Complementary Color

#52ff5f
```
#52ff5f rgb(82,255,95)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#ff5f52
```
#ff5f52 rgb(255,95,82)
```

Triadic Color

#52f2ff
```
#52f2ff rgb(82,242,255)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#ff5f52
```
#ff5f52 rgb(255,95,82)
```
#f2ff52
```
#f2ff52 rgb(242,255,82)
```

Tetradic Color

#1805ff
```
#1805ff rgb(24,5,255)
```
#301fff
```
#301fff rgb(48,31,255)
```
#4739ff
```
#4739ff rgb(71,57,255)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#776cff
```
#776cff rgb(119,108,255)
```
#8e85ff
```
#8e85ff rgb(142,133,255)
```
#a69fff
```
#a69fff rgb(166,159,255)
```

Monochromatic Color

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

#5270ff
```
#5270ff rgb(82,112,255)
```
#5262ff
```
#5262ff rgb(82,98,255)
```
#5253ff
```
#5253ff rgb(82,83,255)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#6d52ff
```
#6d52ff rgb(109,82,255)
```
#7c52ff
```
#7c52ff rgb(124,82,255)
```
#8a52ff
```
#8a52ff rgb(138,82,255)
```

Similar Colors

Text with hexadecimal color #5f52ff

This text has a font color of #5f52ff.

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

#5f52ff background color

This paragraph has a background color of #5f52ff.

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

#5f52ff border color

This element has a border color of #5f52ff.

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

CSS codes

.text {color:#5f52ff;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#020017
```
#020017 rgb(2,0,23)
```
#03002b
```
#03002b rgb(3,0,43)
```
#05003e
```
#05003e rgb(5,0,62)
```
#060052
```
#060052 rgb(6,0,82)
```
#080066
```
#080066 rgb(8,0,102)
```
#090079
```
#090079 rgb(9,0,121)
```
#0b008d
```
#0b008d rgb(11,0,141)
```
#0c00a0
```
#0c00a0 rgb(12,0,160)
```
#0e00b4
```
#0e00b4 rgb(14,0,180)
```
#0f00c8
```
#0f00c8 rgb(15,0,200)
```
#1000db
```
#1000db rgb(16,0,219)
```
#1200ef
```
#1200ef rgb(18,0,239)
```

Shade Color Variation

#1604ff
```
#1604ff rgb(22,4,255)
```
#2917ff
```
#2917ff rgb(41,23,255)
```
#3b2bff
```
#3b2bff rgb(59,43,255)
```
#4d3eff
```
#4d3eff rgb(77,62,255)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```
#7166ff
```
#7166ff rgb(113,102,255)
```
#8379ff
```
#8379ff rgb(131,121,255)
```
#958dff
```
#958dff rgb(149,141,255)
```
#a8a0ff
```
#a8a0ff rgb(168,160,255)
```
#bab4ff
```
#bab4ff rgb(186,180,255)
```
#ccc8ff
```
#ccc8ff rgb(204,200,255)
```
#dedbff
```
#dedbff rgb(222,219,255)
```
#f0efff
```
#f0efff rgb(240,239,255)
```

Tint Color Variation

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

#a3a2af
```
#a3a2af rgb(163,162,175)
```
#9d9bb6
```
#9d9bb6 rgb(157,155,182)
```
#9895bc
```
#9895bc rgb(152,149,188)
```
#928ec3
```
#928ec3 rgb(146,142,195)
```
#8c87ca
```
#8c87ca rgb(140,135,202)
```
#8781d0
```
#8781d0 rgb(135,129,208)
```
#817ad7
```
#817ad7 rgb(129,122,215)
```
#7b73de
```
#7b73de rgb(123,115,222)
```
#766de4
```
#766de4 rgb(118,109,228)
```
#7066eb
```
#7066eb rgb(112,102,235)
```
#6a5ff2
```
#6a5ff2 rgb(106,95,242)
```
#6559f8
```
#6559f8 rgb(101,89,248)
```
#5f52ff
```
#5f52ff rgb(95,82,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#2266ea Protanomaly 1% of men, 0.01% of women
#226ad8 Deuteranomaly 6% of men, 0.4% of women
#2270b4 Tritanomaly 0.01% of the population

#5f52ff hex color

#5f52ff Color Information

#5f52ff Color Conversion

Color Schemes with #5f52ff

Alternatives to #5f52ff

#5f52ff Preview

Shades and Tints of #5f52ff

Tones of #5f52ff

Color Blindness Simulator