#5770f3 hex color

In a RGB color space, hex #5770f3 is composed of 34.1% red, 43.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 53.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 230.4 degrees, a saturation of 86.7% and a lightness of 64.7%. #5770f3 color hex could be obtained by blending #aee0ff with #0000e7. Closest websafe color is: #6666ff.

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

● #5770f3 color description : Soft blue.

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

Hex triplet	5770f3	`#5770f3`
RGB Decimal	87, 112, 243	`rgb(87,112,243)`
RGB Percent	34.1, 43.9, 95.3	`rgb(34.1%,43.9%,95.3%)`
CMYK	64, 54, 0, 5
HSL	230.4°, 86.7, 64.7	`hsl(230.4,86.7%,64.7%)`
HSV (or HSB)	230.4°, 64.2, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.932, 31.342, -68.677
XYZ	25.899, 20.084, 87.301
xyY	0.194, 0.151, 20.084
CIE-LCH	51.932, 75.491, 294.531
CIE-LUV	51.932, -14.836, -109.019
Hunter-Lab	44.815, 24.729, -84.127
Binary	01010111, 01110000, 11110011

#5770f3
```
#5770f3 rgb(87,112,243)
```
#f3da57
```
#f3da57 rgb(243,218,87)
```

Complementary Color

#57bef3
```
#57bef3 rgb(87,190,243)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#8c57f3
```
#8c57f3 rgb(140,87,243)
```

Analogous Color

#bef357
```
#bef357 rgb(190,243,87)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#f38c57
```
#f38c57 rgb(243,140,87)
```

Split Complementary Color

#70f357
```
#70f357 rgb(112,243,87)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#f35770
```
#f35770 rgb(243,87,112)
```

Triadic Color

#57f3da
```
#57f3da rgb(87,243,218)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#f35770
```
#f35770 rgb(243,87,112)
```
#f3da57
```
#f3da57 rgb(243,218,87)
```

Tetradic Color

#1134ed
```
#1134ed rgb(17,52,237)
```
#2747f0
```
#2747f0 rgb(39,71,240)
```
#3f5cf1
```
#3f5cf1 rgb(63,92,241)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#6f84f5
```
#6f84f5 rgb(111,132,245)
```
#8799f6
```
#8799f6 rgb(135,153,246)
```
#9eadf8
```
#9eadf8 rgb(158,173,248)
```

Monochromatic Color

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

#5797f3
```
#5797f3 rgb(87,151,243)
```
#578af3
```
#578af3 rgb(87,138,243)
```
#577df3
```
#577df3 rgb(87,125,243)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#5763f3
```
#5763f3 rgb(87,99,243)
```
#5857f3
```
#5857f3 rgb(88,87,243)
```
#6557f3
```
#6557f3 rgb(101,87,243)
```

Similar Colors

Text with hexadecimal color #5770f3

This text has a font color of #5770f3.

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

#5770f3 background color

This paragraph has a background color of #5770f3.

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

#5770f3 border color

This element has a border color of #5770f3.

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

CSS codes

.text {color:#5770f3;}

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

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

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, #01030f is the darkest color, while #fcfcff is the lightest one.

#01030f
```
#01030f rgb(1,3,15)
```
#020721
```
#020721 rgb(2,7,33)
```
#040b34
```
#040b34 rgb(4,11,52)
```
#050f46
```
#050f46 rgb(5,15,70)
```
#061358
```
#061358 rgb(6,19,88)
```
#08176b
```
#08176b rgb(8,23,107)
```
#091c7d
```
#091c7d rgb(9,28,125)
```
#0a208f
```
#0a208f rgb(10,32,143)
```
#0c24a2
```
#0c24a2 rgb(12,36,162)
```
#0d28b4
```
#0d28b4 rgb(13,40,180)
```
#0e2cc6
```
#0e2cc6 rgb(14,44,198)
```
#0f30d8
```
#0f30d8 rgb(15,48,216)
```
#1134eb
```
#1134eb rgb(17,52,235)
```

Shade Color Variation

#2041ef
```
#2041ef rgb(32,65,239)
```
#3251f0
```
#3251f0 rgb(50,81,240)
```
#4560f2
```
#4560f2 rgb(69,96,242)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#6980f4
```
#6980f4 rgb(105,128,244)
```
#7c8ff6
```
#7c8ff6 rgb(124,143,246)
```
#8e9ff7
```
#8e9ff7 rgb(142,159,247)
```
#a0aef8
```
#a0aef8 rgb(160,174,248)
```
#b3befa
```
#b3befa rgb(179,190,250)
```
#c5cefb
```
#c5cefb rgb(197,206,251)
```
#d7ddfc
```
#d7ddfc rgb(215,221,252)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a3a4a7
```
#a3a4a7 rgb(163,164,167)
```
#9c9fae
```
#9c9fae rgb(156,159,174)
```
#959ab5
```
#959ab5 rgb(149,154,181)
```
#8e96bc
```
#8e96bc rgb(142,150,188)
```
#8791c3
```
#8791c3 rgb(135,145,195)
```
#818cc9
```
#818cc9 rgb(129,140,201)
```
#7a88d0
```
#7a88d0 rgb(122,136,208)
```
#7383d7
```
#7383d7 rgb(115,131,215)
```
#6c7ede
```
#6c7ede rgb(108,126,222)
```
#6579e5
```
#6579e5 rgb(101,121,229)
```
#5e75ec
```
#5e75ec rgb(94,117,236)
```
#5770f3
```
#5770f3 rgb(87,112,243)
```
#506bfa
```
#506bfa rgb(80,107,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#1f79f6 Protanomaly 1% of men, 0.01% of women
#1f7de3 Deuteranomaly 6% of men, 0.4% of women
#1f83ba Tritanomaly 0.01% of the population

#5770f3 hex color

#5770f3 Color Information

#5770f3 Color Conversion

Color Schemes with #5770f3

Alternatives to #5770f3

#5770f3 Preview

Shades and Tints of #5770f3

Tones of #5770f3

Color Blindness Simulator