#5700f5 hex color

In a RGB color space, hex #5700f5 is composed of 34.1% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 261.3 degrees, a saturation of 100% and a lightness of 48%. #5700f5 color hex could be obtained by blending #ae00ff with #0000eb. Closest websafe color is: #6600ff.

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

● #5700f5 color description : Pure (or mostly pure) violet.

The hexadecimal color #5700f5 has RGB values of R:87, G:0, B:245 and CMYK values of C:0.64, M:1, Y:0, K:0.04. Its decimal value is 5701877.

Hex triplet	5700f5	`#5700f5`
RGB Decimal	87, 0, 245	`rgb(87,0,245)`
RGB Percent	34.1, 0, 96.1	`rgb(34.1%,0%,96.1%)`
CMYK	64, 100, 0, 4
HSL	261.3°, 100, 48	`hsl(261.3,100%,48%)`
HSV (or HSB)	261.3°, 100, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.238, 78.554, -97.224
XYZ	20.409, 8.618, 86.969
xyY	0.176, 0.074, 8.618
CIE-LCH	35.238, 124.993, 308.937
CIE-LUV	35.238, 0.452, -128.006
Hunter-Lab	29.356, 72.721, -155.098
Binary	01010111, 00000000, 11110101

#5700f5
```
#5700f5 rgb(87,0,245)
```
#9ef500
```
#9ef500 rgb(158,245,0)
```

Complementary Color

#0024f5
```
#0024f5 rgb(0,36,245)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#d200f5
```
#d200f5 rgb(210,0,245)
```

Analogous Color

#24f500
```
#24f500 rgb(36,245,0)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#f5d200
```
#f5d200 rgb(245,210,0)
```

Split Complementary Color

#00f557
```
#00f557 rgb(0,245,87)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#f55700
```
#f55700 rgb(245,87,0)
```

Triadic Color

#009ef5
```
#009ef5 rgb(0,158,245)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#f55700
```
#f55700 rgb(245,87,0)
```
#9ef500
```
#9ef500 rgb(158,245,0)
```

Tetradic Color

#3c00a9
```
#3c00a9 rgb(60,0,169)
```
#4500c2
```
#4500c2 rgb(69,0,194)
```
#4e00dc
```
#4e00dc rgb(78,0,220)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#6510ff
```
#6510ff rgb(101,16,255)
```
#7529ff
```
#7529ff rgb(117,41,255)
```
#8543ff
```
#8543ff rgb(133,67,255)
```

Monochromatic Color

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

#1a00f5
```
#1a00f5 rgb(26,0,245)
```
#2e00f5
```
#2e00f5 rgb(46,0,245)
```
#4300f5
```
#4300f5 rgb(67,0,245)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```
#6b00f5
```
#6b00f5 rgb(107,0,245)
```
#8000f5
```
#8000f5 rgb(128,0,245)
```
#9400f5
```
#9400f5 rgb(148,0,245)
```

Similar Colors

Text with hexadecimal color #5700f5

This text has a font color of #5700f5.

<span style="color:#5700f5;">Text here</span>

#5700f5 background color

This paragraph has a background color of #5700f5.

<p style="background-color:#5700f5;">Content here</p>

#5700f5 border color

This element has a border color of #5700f5.

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

CSS codes

.text {color:#5700f5;}

.background {background-color:#5700f5;}

.border {border:1px solid #5700f5;}

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, #03000a is the darkest color, while #f9f5ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#0a001d
```
#0a001d rgb(10,0,29)
```
#110031
```
#110031 rgb(17,0,49)
```
#180044
```
#180044 rgb(24,0,68)
```
#1f0058
```
#1f0058 rgb(31,0,88)
```
#26006c
```
#26006c rgb(38,0,108)
```
#2d007f
```
#2d007f rgb(45,0,127)
```
#340093
```
#340093 rgb(52,0,147)
```
#3b00a7
```
#3b00a7 rgb(59,0,167)
```
#4200ba
```
#4200ba rgb(66,0,186)
```
#4900ce
```
#4900ce rgb(73,0,206)
```
#5000e1
```
#5000e1 rgb(80,0,225)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```

Shade Color Variation

#610aff
```
#610aff rgb(97,10,255)
```
#6d1dff
```
#6d1dff rgb(109,29,255)
```
#7a31ff
```
#7a31ff rgb(122,49,255)
```
#8744ff
```
#8744ff rgb(135,68,255)
```
#9358ff
```
#9358ff rgb(147,88,255)
```
#a06cff
```
#a06cff rgb(160,108,255)
```
#ad7fff
```
#ad7fff rgb(173,127,255)
```
#b993ff
```
#b993ff rgb(185,147,255)
```
#c6a7ff
```
#c6a7ff rgb(198,167,255)
```
#d3baff
```
#d3baff rgb(211,186,255)
```
#dfceff
```
#dfceff rgb(223,206,255)
```
#ece1ff
```
#ece1ff rgb(236,225,255)
```
#f9f5ff
```
#f9f5ff rgb(249,245,255)
```

Tint Color Variation

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

#787184
```
#787184 rgb(120,113,132)
```
#75688d
```
#75688d rgb(117,104,141)
```
#725e97
```
#725e97 rgb(114,94,151)
```
#7055a0
```
#7055a0 rgb(112,85,160)
```
#6d4baa
```
#6d4baa rgb(109,75,170)
```
#6a42b3
```
#6a42b3 rgb(106,66,179)
```
#6739bc
```
#6739bc rgb(103,57,188)
```
#652fc6
```
#652fc6 rgb(101,47,198)
```
#6226cf
```
#6226cf rgb(98,38,207)
```
#5f1cd9
```
#5f1cd9 rgb(95,28,217)
```
#5c13e2
```
#5c13e2 rgb(92,19,226)
```
#5a09ec
```
#5a09ec rgb(90,9,236)
```
#5700f5
```
#5700f5 rgb(87,0,245)
```

Tone Color Variation

Below, you can see how #5700f5 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

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1f38c7 Protanomaly 1% of men, 0.01% of women
#1f3cb8 Deuteranomaly 6% of men, 0.4% of women
#1f409c Tritanomaly 0.01% of the population

#5700f5 hex color

#5700f5 Color Information

#5700f5 Color Conversion

Color Schemes with #5700f5

Alternatives to #5700f5

#5700f5 Preview

Shades and Tints of #5700f5

Tones of #5700f5

Color Blindness Simulator