#5785fa hex color

In a RGB color space, hex #5785fa is composed of 34.1% red, 52.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 46.8% magenta, 0% yellow and 2% black. It has a hue angle of 223.1 degrees, a saturation of 94.2% and a lightness of 66.1%. #5785fa color hex could be obtained by blending #aeffff with #000bf5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 52
- B 98
RGB color chart
- C 65
- M 47
- Y 0
- K 2
CMYK color chart

● #5785fa color description : Soft blue.

The hexadecimal color #5785fa has RGB values of R:87, G:133, B:250 and CMYK values of C:0.65, M:0.47, Y:0, K:0.02. Its decimal value is 5735930.

Hex triplet	5785fa	`#5785fa`
RGB Decimal	87, 133, 250	`rgb(87,133,250)`
RGB Percent	34.1, 52.2, 98	`rgb(34.1%,52.2%,98%)`
CMYK	65, 47, 0, 2
HSL	223.1°, 94.2, 66.1	`hsl(223.1,94.2%,66.1%)`
HSV (or HSB)	223.1°, 65.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.753, 20.897, -63.169
XYZ	29.57, 25.702, 93.84
xyY	0.198, 0.172, 25.702
CIE-LCH	57.753, 66.536, 288.305
CIE-LUV	57.753, -21.059, -102.317
Hunter-Lab	50.697, 15.393, -74.258
Binary	01010111, 10000101, 11111010

#5785fa
```
#5785fa rgb(87,133,250)
```
#facc57
```
#facc57 rgb(250,204,87)
```

Complementary Color

#57d7fa
```
#57d7fa rgb(87,215,250)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#7b57fa
```
#7b57fa rgb(123,87,250)
```

Analogous Color

#d7fa57
```
#d7fa57 rgb(215,250,87)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#fa7b57
```
#fa7b57 rgb(250,123,87)
```

Split Complementary Color

#85fa57
```
#85fa57 rgb(133,250,87)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#fa5785
```
#fa5785 rgb(250,87,133)
```

Triadic Color

#57facc
```
#57facc rgb(87,250,204)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#fa5785
```
#fa5785 rgb(250,87,133)
```
#facc57
```
#facc57 rgb(250,204,87)
```

Tetradic Color

#0d4ff8
```
#0d4ff8 rgb(13,79,248)
```
#2561f9
```
#2561f9 rgb(37,97,249)
```
#3e73f9
```
#3e73f9 rgb(62,115,249)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#7097fb
```
#7097fb rgb(112,151,251)
```
#89a9fb
```
#89a9fb rgb(137,169,251)
```
#a1bbfc
```
#a1bbfc rgb(161,187,252)
```

Monochromatic Color

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

#57aefa
```
#57aefa rgb(87,174,250)
```
#57a0fa
```
#57a0fa rgb(87,160,250)
```
#5793fa
```
#5793fa rgb(87,147,250)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#5777fa
```
#5777fa rgb(87,119,250)
```
#576afa
```
#576afa rgb(87,106,250)
```
#575cfa
```
#575cfa rgb(87,92,250)
```

Similar Colors

Text with hexadecimal color #5785fa

This text has a font color of #5785fa.

<span style="color:#5785fa;">Text here</span>

#5785fa background color

This paragraph has a background color of #5785fa.

<p style="background-color:#5785fa;">Content here</p>

#5785fa border color

This element has a border color of #5785fa.

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

CSS codes

.text {color:#5785fa;}

.background {background-color:#5785fa;}

.border {border:1px solid #5785fa;}

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

#000103
```
#000103 rgb(0,1,3)
```
#010716
```
#010716 rgb(1,7,22)
```
#010d2a
```
#010d2a rgb(1,13,42)
```
#02123d
```
#02123d rgb(2,18,61)
```
#021850
```
#021850 rgb(2,24,80)
```
#031e63
```
#031e63 rgb(3,30,99)
```
#042476
```
#042476 rgb(4,36,118)
```
#042a89
```
#042a89 rgb(4,42,137)
```
#052f9c
```
#052f9c rgb(5,47,156)
```
#0535af
```
#0535af rgb(5,53,175)
```
#063bc2
```
#063bc2 rgb(6,59,194)
```
#0641d5
```
#0641d5 rgb(6,65,213)
```
#0746e8
```
#0746e8 rgb(7,70,232)
```

Shade Color Variation

#0b4ef8
```
#0b4ef8 rgb(11,78,248)
```
#1e5cf8
```
#1e5cf8 rgb(30,92,248)
```
#3169f9
```
#3169f9 rgb(49,105,249)
```
#4477f9
```
#4477f9 rgb(68,119,249)
```
#5785fa
```
#5785fa rgb(87,133,250)
```
#6a93fb
```
#6a93fb rgb(106,147,251)
```
#7da1fb
```
#7da1fb rgb(125,161,251)
```
#90aefc
```
#90aefc rgb(144,174,252)
```
#a3bcfc
```
#a3bcfc rgb(163,188,252)
```
#b6cafd
```
#b6cafd rgb(182,202,253)
```
#c9d8fd
```
#c9d8fd rgb(201,216,253)
```
#dce6fe
```
#dce6fe rgb(220,230,254)
```
#eff4ff
```
#eff4ff rgb(239,244,255)
```

Tint Color Variation

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

#a7a8aa
```
#a7a8aa rgb(167,168,170)
```
#a0a5b1
```
#a0a5b1 rgb(160,165,177)
```
#9aa2b7
```
#9aa2b7 rgb(154,162,183)
```
#939fbe
```
#939fbe rgb(147,159,190)
```
#8c9cc5
```
#8c9cc5 rgb(140,156,197)
```
#8699cb
```
#8699cb rgb(134,153,203)
```
#7f96d2
```
#7f96d2 rgb(127,150,210)
```
#7893d9
```
#7893d9 rgb(120,147,217)
```
#7291df
```
#7291df rgb(114,145,223)
```
#6b8ee6
```
#6b8ee6 rgb(107,142,230)
```
#648bed
```
#648bed rgb(100,139,237)
```
#5e88f3
```
#5e88f3 rgb(94,136,243)
```
#5785fa
```
#5785fa rgb(87,133,250)
```

Tone Color Variation

Below, you can see how #5785fa 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

#858585 Achromatopsia 0.005% of the population
#7c859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#528dfb Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009eaa Tritanopia 0.001% of the population

Trichromacy

#538afb Protanomaly 1% of men, 0.01% of women
#1f8ef7 Deuteranomaly 6% of men, 0.4% of women
#1f95c7 Tritanomaly 0.01% of the population

#5785fa hex color

#5785fa Color Information

#5785fa Color Conversion

Color Schemes with #5785fa

Alternatives to #5785fa

#5785fa Preview

Shades and Tints of #5785fa

Tones of #5785fa

Color Blindness Simulator