#5701f3 hex color

In a RGB color space, hex #5701f3 is composed of 34.1% red, 0.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 99.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 261.3 degrees, a saturation of 99.2% and a lightness of 47.8%. #5701f3 color hex could be obtained by blending #ae02ff with #0000e7. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 34
- G 0
- B 95
RGB color chart
- C 64
- M 100
- Y 0
- K 5
CMYK color chart

● #5701f3 color description : Vivid violet.

The hexadecimal color #5701f3 has RGB values of R:87, G:1, B:243 and CMYK values of C:0.64, M:1, Y:0, K:0.05. Its decimal value is 5702131.

Hex triplet	5701f3	`#5701f3`
RGB Decimal	87, 1, 243	`rgb(87,1,243)`
RGB Percent	34.1, 0.4, 95.3	`rgb(34.1%,0.4%,95.3%)`
CMYK	64, 100, 0, 5
HSL	261.3°, 99.2, 47.8	`hsl(261.3,99.2%,47.8%)`
HSV (or HSB)	261.3°, 99.6, 95.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.04, 77.97, -96.424
XYZ	20.116, 8.518, 85.373
xyY	0.176, 0.075, 8.518
CIE-LCH	35.04, 124.004, 308.96
CIE-LUV	35.04, 0.603, -126.897
Hunter-Lab	29.186, 71.953, -153.001
Binary	01010111, 00000001, 11110011

#5701f3
```
#5701f3 rgb(87,1,243)
```
#9df301
```
#9df301 rgb(157,243,1)
```

Complementary Color

#0124f3
```
#0124f3 rgb(1,36,243)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#d001f3
```
#d001f3 rgb(208,1,243)
```

Analogous Color

#24f301
```
#24f301 rgb(36,243,1)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#f3d001
```
#f3d001 rgb(243,208,1)
```

Split Complementary Color

#01f357
```
#01f357 rgb(1,243,87)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#f35701
```
#f35701 rgb(243,87,1)
```

Triadic Color

#019df3
```
#019df3 rgb(1,157,243)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#f35701
```
#f35701 rgb(243,87,1)
```
#9df301
```
#9df301 rgb(157,243,1)
```

Tetradic Color

#3c01a7
```
#3c01a7 rgb(60,1,167)
```
#4501c0
```
#4501c0 rgb(69,1,192)
```
#4e01da
```
#4e01da rgb(78,1,218)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#640ffe
```
#640ffe rgb(100,15,254)
```
#7529fe
```
#7529fe rgb(117,41,254)
```
#8542fe
```
#8542fe rgb(133,66,254)
```

Monochromatic Color

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

#1a01f3
```
#1a01f3 rgb(26,1,243)
```
#2f01f3
```
#2f01f3 rgb(47,1,243)
```
#4301f3
```
#4301f3 rgb(67,1,243)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```
#6b01f3
```
#6b01f3 rgb(107,1,243)
```
#7f01f3
```
#7f01f3 rgb(127,1,243)
```
#9401f3
```
#9401f3 rgb(148,1,243)
```

Similar Colors

Text with hexadecimal color #5701f3

This text has a font color of #5701f3.

<span style="color:#5701f3;">Text here</span>

#5701f3 background color

This paragraph has a background color of #5701f3.

<p style="background-color:#5701f3;">Content here</p>

#5701f3 border color

This element has a border color of #5701f3.

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

CSS codes

.text {color:#5701f3;}

.background {background-color:#5701f3;}

.border {border:1px solid #5701f3;}

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

#030009
```
#030009 rgb(3,0,9)
```
#0a001c
```
#0a001c rgb(10,0,28)
```
#110030
```
#110030 rgb(17,0,48)
```
#180043
```
#180043 rgb(24,0,67)
```
#1f0057
```
#1f0057 rgb(31,0,87)
```
#26006a
```
#26006a rgb(38,0,106)
```
#2d017e
```
#2d017e rgb(45,1,126)
```
#340191
```
#340191 rgb(52,1,145)
```
#3b01a5
```
#3b01a5 rgb(59,1,165)
```
#4201b8
```
#4201b8 rgb(66,1,184)
```
#4901cc
```
#4901cc rgb(73,1,204)
```
#5001df
```
#5001df rgb(80,1,223)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```

Shade Color Variation

#600afe
```
#600afe rgb(96,10,254)
```
#6d1dfe
```
#6d1dfe rgb(109,29,254)
```
#7a31fe
```
#7a31fe rgb(122,49,254)
```
#8644fe
```
#8644fe rgb(134,68,254)
```
#9358fe
```
#9358fe rgb(147,88,254)
```
#a06bfe
```
#a06bfe rgb(160,107,254)
```
#ac7ffe
```
#ac7ffe rgb(172,127,254)
```
#b992ff
```
#b992ff rgb(185,146,255)
```
#c5a6ff
```
#c5a6ff rgb(197,166,255)
```
#d2b9ff
```
#d2b9ff rgb(210,185,255)
```
#dfcdff
```
#dfcdff rgb(223,205,255)
```
#ebe1ff
```
#ebe1ff rgb(235,225,255)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#787282
```
#787282 rgb(120,114,130)
```
#75688c
```
#75688c rgb(117,104,140)
```
#725f95
```
#725f95 rgb(114,95,149)
```
#6f559f
```
#6f559f rgb(111,85,159)
```
#6d4ca8
```
#6d4ca8 rgb(109,76,168)
```
#6a43b1
```
#6a43b1 rgb(106,67,177)
```
#6739bb
```
#6739bb rgb(103,57,187)
```
#6530c4
```
#6530c4 rgb(101,48,196)
```
#6227cd
```
#6227cd rgb(98,39,205)
```
#5f1dd7
```
#5f1dd7 rgb(95,29,215)
```
#5c14e0
```
#5c14e0 rgb(92,20,224)
```
#5a0aea
```
#5a0aea rgb(90,10,234)
```
#5701f3
```
#5701f3 rgb(87,1,243)
```

Tone Color Variation

Below, you can see how #5701f3 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

#363636 Achromatopsia 0.005% of the population
#3d2b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1f38c5 Protanomaly 1% of men, 0.01% of women
#1f3cb7 Deuteranomaly 6% of men, 0.4% of women
#1f409b Tritanomaly 0.01% of the population

#5701f3 hex color

#5701f3 Color Information

#5701f3 Color Conversion

Color Schemes with #5701f3

Alternatives to #5701f3

#5701f3 Preview

Shades and Tints of #5701f3

Tones of #5701f3

Color Blindness Simulator