#575af2 hex color

In a RGB color space, hex #575af2 is composed of 34.1% red, 35.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 62.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 238.8 degrees, a saturation of 85.6% and a lightness of 64.5%. #575af2 color hex could be obtained by blending #aeb4ff with #0000e5. Closest websafe color is: #6666ff.

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

● #575af2 color description : Soft blue.

The hexadecimal color #575af2 has RGB values of R:87, G:90, B:242 and CMYK values of C:0.64, M:0.63, Y:0, K:0.05. Its decimal value is 5724914.

Hex triplet	575af2	`#575af2`
RGB Decimal	87, 90, 242	`rgb(87,90,242)`
RGB Percent	34.1, 35.3, 94.9	`rgb(34.1%,35.3%,94.9%)`
CMYK	64, 63, 0, 5
HSL	238.8°, 85.6, 64.5	`hsl(238.8,85.6%,64.5%)`
HSV (or HSB)	238.8°, 64, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.642, 44.3, -76.723
XYZ	23.61, 15.748, 85.795
xyY	0.189, 0.126, 15.748
CIE-LCH	46.642, 88.594, 300.002
CIE-LUV	46.642, -9.243, -117.817
Hunter-Lab	39.684, 36.754, -100.404
Binary	01010111, 01011010, 11110010

#575af2
```
#575af2 rgb(87,90,242)
```
#f2ef57
```
#f2ef57 rgb(242,239,87)
```

Complementary Color

#57a8f2
```
#57a8f2 rgb(87,168,242)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#a257f2
```
#a257f2 rgb(162,87,242)
```

Analogous Color

#a8f257
```
#a8f257 rgb(168,242,87)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#f2a257
```
#f2a257 rgb(242,162,87)
```

Split Complementary Color

#5af257
```
#5af257 rgb(90,242,87)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#f2575a
```
#f2575a rgb(242,87,90)
```

Triadic Color

#57f2ef
```
#57f2ef rgb(87,242,239)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#f2575a
```
#f2575a rgb(242,87,90)
```
#f2ef57
```
#f2ef57 rgb(242,239,87)
```

Tetradic Color

#1216ea
```
#1216ea rgb(18,22,234)
```
#282cee
```
#282cee rgb(40,44,238)
```
#3f43f0
```
#3f43f0 rgb(63,67,240)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#6f71f4
```
#6f71f4 rgb(111,113,244)
```
#8688f6
```
#8688f6 rgb(134,136,246)
```
#9ea0f7
```
#9ea0f7 rgb(158,160,247)
```

Monochromatic Color

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

#5781f2
```
#5781f2 rgb(87,129,242)
```
#5774f2
```
#5774f2 rgb(87,116,242)
```
#5767f2
```
#5767f2 rgb(87,103,242)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#6157f2
```
#6157f2 rgb(97,87,242)
```
#6e57f2
```
#6e57f2 rgb(110,87,242)
```
#7b57f2
```
#7b57f2 rgb(123,87,242)
```

Similar Colors

Text with hexadecimal color #575af2

This text has a font color of #575af2.

<span style="color:#575af2;">Text here</span>

#575af2 background color

This paragraph has a background color of #575af2.

<p style="background-color:#575af2;">Content here</p>

#575af2 border color

This element has a border color of #575af2.

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

CSS codes

.text {color:#575af2;}

.background {background-color:#575af2;}

.border {border:1px solid #575af2;}

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, #01010e is the darkest color, while #fbfbff is the lightest one.

#01010e
```
#01010e rgb(1,1,14)
```
#020320
```
#020320 rgb(2,3,32)
```
#040532
```
#040532 rgb(4,5,50)
```
#050745
```
#050745 rgb(5,7,69)
```
#070857
```
#070857 rgb(7,8,87)
```
#080a69
```
#080a69 rgb(8,10,105)
```
#0a0c7b
```
#0a0c7b rgb(10,12,123)
```
#0b0d8e
```
#0b0d8e rgb(11,13,142)
```
#0c0fa0
```
#0c0fa0 rgb(12,15,160)
```
#0e11b2
```
#0e11b2 rgb(14,17,178)
```
#0f13c4
```
#0f13c4 rgb(15,19,196)
```
#1114d6
```
#1114d6 rgb(17,20,214)
```
#1216e9
```
#1216e9 rgb(18,22,233)
```

Shade Color Variation

#2024ee
```
#2024ee rgb(32,36,238)
```
#3336ef
```
#3336ef rgb(51,54,239)
```
#4548f1
```
#4548f1 rgb(69,72,241)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#696cf3
```
#696cf3 rgb(105,108,243)
```
#7b7ef5
```
#7b7ef5 rgb(123,126,245)
```
#8e90f6
```
#8e90f6 rgb(142,144,246)
```
#a0a2f8
```
#a0a2f8 rgb(160,162,248)
```
#b2b3f9
```
#b2b3f9 rgb(178,179,249)
```
#c4c5fa
```
#c4c5fa rgb(196,197,250)
```
#d6d7fc
```
#d6d7fc rgb(214,215,252)
```
#e9e9fd
```
#e9e9fd rgb(233,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#a4a4a5
```
#a4a4a5 rgb(164,164,165)
```
#9d9dac
```
#9d9dac rgb(157,157,172)
```
#9696b3
```
#9696b3 rgb(150,150,179)
```
#8f90ba
```
#8f90ba rgb(143,144,186)
```
#8889c1
```
#8889c1 rgb(136,137,193)
```
#8182c8
```
#8182c8 rgb(129,130,200)
```
#7a7bcf
```
#7a7bcf rgb(122,123,207)
```
#7375d6
```
#7375d6 rgb(115,117,214)
```
#6c6edd
```
#6c6edd rgb(108,110,221)
```
#6567e4
```
#6567e4 rgb(101,103,228)
```
#5e61eb
```
#5e61eb rgb(94,97,235)
```
#575af2
```
#575af2 rgb(87,90,242)
```
#5053f9
```
#5053f9 rgb(80,83,249)
```

Tone Color Variation

Below, you can see how #575af2 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
#666785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#1f69e6 Protanomaly 1% of men, 0.01% of women
#1f6dd4 Deuteranomaly 6% of men, 0.4% of women
#1f73b0 Tritanomaly 0.01% of the population

#575af2 hex color

#575af2 Color Information

#575af2 Color Conversion

Color Schemes with #575af2

Alternatives to #575af2

#575af2 Preview

Shades and Tints of #575af2

Tones of #575af2

Color Blindness Simulator