#5700f0 hex color

In a RGB color space, hex #5700f0 is composed of 34.1% red, 0% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 100% magenta, 0% yellow and 5.9% black. It has a hue angle of 261.8 degrees, a saturation of 100% and a lightness of 47.1%. #5700f0 color hex could be obtained by blending #ae00ff with #0000e1. Closest websafe color is: #6600ff.

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

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

The hexadecimal color #5700f0 has RGB values of R:87, G:0, B:240 and CMYK values of C:0.64, M:1, Y:0, K:0.06. Its decimal value is 5701872.

Hex triplet	5700f0	`#5700f0`
RGB Decimal	87, 0, 240	`rgb(87,0,240)`
RGB Percent	34.1, 0, 94.1	`rgb(34.1%,0%,94.1%)`
CMYK	64, 100, 0, 6
HSL	261.8°, 100, 47.1	`hsl(261.8,100%,47.1%)`
HSV (or HSB)	261.8°, 100, 94.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.634, 77.428, -95.401
XYZ	19.656, 8.317, 83.003
xyY	0.177, 0.075, 8.317
CIE-LCH	34.634, 122.868, 309.063
CIE-LUV	34.634, 0.904, -125.202
Hunter-Lab	28.839, 71.193, -150.459
Binary	01010111, 00000000, 11110000

#5700f0
```
#5700f0 rgb(87,0,240)
```
#99f000
```
#99f000 rgb(153,240,0)
```

Complementary Color

#0021f0
```
#0021f0 rgb(0,33,240)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#cf00f0
```
#cf00f0 rgb(207,0,240)
```

Analogous Color

#21f000
```
#21f000 rgb(33,240,0)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#f0cf00
```
#f0cf00 rgb(240,207,0)
```

Split Complementary Color

#00f057
```
#00f057 rgb(0,240,87)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#f05700
```
#f05700 rgb(240,87,0)
```

Triadic Color

#0099f0
```
#0099f0 rgb(0,153,240)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#f05700
```
#f05700 rgb(240,87,0)
```
#99f000
```
#99f000 rgb(153,240,0)
```

Tetradic Color

#3b00a4
```
#3b00a4 rgb(59,0,164)
```
#4500bd
```
#4500bd rgb(69,0,189)
```
#4e00d7
```
#4e00d7 rgb(78,0,215)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#630bff
```
#630bff rgb(99,11,255)
```
#7324ff
```
#7324ff rgb(115,36,255)
```
#843eff
```
#843eff rgb(132,62,255)
```

Monochromatic Color

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

#1b00f0
```
#1b00f0 rgb(27,0,240)
```
#2f00f0
```
#2f00f0 rgb(47,0,240)
```
#4300f0
```
#4300f0 rgb(67,0,240)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```
#6b00f0
```
#6b00f0 rgb(107,0,240)
```
#7f00f0
```
#7f00f0 rgb(127,0,240)
```
#9300f0
```
#9300f0 rgb(147,0,240)
```

Similar Colors

Text with hexadecimal color #5700f0

This text has a font color of #5700f0.

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

#5700f0 background color

This paragraph has a background color of #5700f0.

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

#5700f0 border color

This element has a border color of #5700f0.

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

CSS codes

.text {color:#5700f0;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#090018
```
#090018 rgb(9,0,24)
```
#10002c
```
#10002c rgb(16,0,44)
```
#17003f
```
#17003f rgb(23,0,63)
```
#1e0053
```
#1e0053 rgb(30,0,83)
```
#250067
```
#250067 rgb(37,0,103)
```
#2c007a
```
#2c007a rgb(44,0,122)
```
#33008e
```
#33008e rgb(51,0,142)
```
#3b00a2
```
#3b00a2 rgb(59,0,162)
```
#4200b5
```
#4200b5 rgb(66,0,181)
```
#4900c9
```
#4900c9 rgb(73,0,201)
```
#5000dc
```
#5000dc rgb(80,0,220)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```

Shade Color Variation

#5f05ff
```
#5f05ff rgb(95,5,255)
```
#6c18ff
```
#6c18ff rgb(108,24,255)
```
#782cff
```
#782cff rgb(120,44,255)
```
#853fff
```
#853fff rgb(133,63,255)
```
#9153ff
```
#9153ff rgb(145,83,255)
```
#9e67ff
```
#9e67ff rgb(158,103,255)
```
#aa7aff
```
#aa7aff rgb(170,122,255)
```
#b78eff
```
#b78eff rgb(183,142,255)
```
#c3a2ff
```
#c3a2ff rgb(195,162,255)
```
#d0b5ff
```
#d0b5ff rgb(208,181,255)
```
#dcc9ff
```
#dcc9ff rgb(220,201,255)
```
#e9dcff
```
#e9dcff rgb(233,220,255)
```
#f5f0ff
```
#f5f0ff rgb(245,240,255)
```

Tint Color Variation

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

#756f81
```
#756f81 rgb(117,111,129)
```
#73668a
```
#73668a rgb(115,102,138)
```
#705c94
```
#705c94 rgb(112,92,148)
```
#6e539d
```
#6e539d rgb(110,83,157)
```
#6b4aa6
```
#6b4aa6 rgb(107,74,166)
```
#6941af
```
#6941af rgb(105,65,175)
```
#6637b9
```
#6637b9 rgb(102,55,185)
```
#642ec2
```
#642ec2 rgb(100,46,194)
```
#6125cb
```
#6125cb rgb(97,37,203)
```
#5f1cd4
```
#5f1cd4 rgb(95,28,212)
```
#5c12de
```
#5c12de rgb(92,18,222)
```
#5a09e7
```
#5a09e7 rgb(90,9,231)
```
#5700f0
```
#5700f0 rgb(87,0,240)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3c2a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1f38c3 Protanomaly 1% of men, 0.01% of women
#1f3bb5 Deuteranomaly 6% of men, 0.4% of women
#1f3f9a Tritanomaly 0.01% of the population

#5700f0 hex color

#5700f0 Color Information

#5700f0 Color Conversion

Color Schemes with #5700f0

Alternatives to #5700f0

#5700f0 Preview

Shades and Tints of #5700f0

Tones of #5700f0

Color Blindness Simulator