#5a85ed hex color

In a RGB color space, hex #5a85ed is composed of 35.3% red, 52.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 43.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 222.4 degrees, a saturation of 80.3% and a lightness of 64.1%. #5a85ed color hex could be obtained by blending #b4ffff with #000bdb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 52
- B 93
RGB color chart
- C 62
- M 44
- Y 0
- K 7
CMYK color chart

● #5a85ed color description : Soft blue.

The hexadecimal color #5a85ed has RGB values of R:90, G:133, B:237 and CMYK values of C:0.62, M:0.44, Y:0, K:0.07. Its decimal value is 5932525.

Hex triplet	5a85ed	`#5a85ed`
RGB Decimal	90, 133, 237	`rgb(90,133,237)`
RGB Percent	35.3, 52.2, 92.9	`rgb(35.3%,52.2%,92.9%)`
CMYK	62, 44, 0, 7
HSL	222.4°, 80.3, 64.1	`hsl(222.4,80.3%,64.1%)`
HSV (or HSB)	222.4°, 62, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.135, 17.005, -56.958
XYZ	27.887, 25.062, 83.484
xyY	0.204, 0.184, 25.062
CIE-LCH	57.135, 59.442, 286.623
CIE-LUV	57.135, -20.312, -91.798
Hunter-Lab	50.061, 11.826, -63.831
Binary	01011010, 10000101, 11101101

#5a85ed
```
#5a85ed rgb(90,133,237)
```
#edc25a
```
#edc25a rgb(237,194,90)
```

Complementary Color

#5acfed
```
#5acfed rgb(90,207,237)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#795aed
```
#795aed rgb(121,90,237)
```

Analogous Color

#cfed5a
```
#cfed5a rgb(207,237,90)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#ed795a
```
#ed795a rgb(237,121,90)
```

Split Complementary Color

#85ed5a
```
#85ed5a rgb(133,237,90)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#ed5a85
```
#ed5a85 rgb(237,90,133)
```

Triadic Color

#5aedc2
```
#5aedc2 rgb(90,237,194)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#ed5a85
```
#ed5a85 rgb(237,90,133)
```
#edc25a
```
#edc25a rgb(237,194,90)
```

Tetradic Color

#1954e2
```
#1954e2 rgb(25,84,226)
```
#2c63e8
```
#2c63e8 rgb(44,99,232)
```
#4374ea
```
#4374ea rgb(67,116,234)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#7196f0
```
#7196f0 rgb(113,150,240)
```
#88a7f2
```
#88a7f2 rgb(136,167,242)
```
#9fb8f5
```
#9fb8f5 rgb(159,184,245)
```

Monochromatic Color

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

#5aaaed
```
#5aaaed rgb(90,170,237)
```
#5a9eed
```
#5a9eed rgb(90,158,237)
```
#5a91ed
```
#5a91ed rgb(90,145,237)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#5a79ed
```
#5a79ed rgb(90,121,237)
```
#5a6ded
```
#5a6ded rgb(90,109,237)
```
#5a60ed
```
#5a60ed rgb(90,96,237)
```

Similar Colors

Text with hexadecimal color #5a85ed

This text has a font color of #5a85ed.

<span style="color:#5a85ed;">Text here</span>

#5a85ed background color

This paragraph has a background color of #5a85ed.

<p style="background-color:#5a85ed;">Content here</p>

#5a85ed border color

This element has a border color of #5a85ed.

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

CSS codes

.text {color:#5a85ed;}

.background {background-color:#5a85ed;}

.border {border:1px solid #5a85ed;}

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, #01040c is the darkest color, while #f9fbfe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#030b1e
```
#030b1e rgb(3,11,30)
```
#05112f
```
#05112f rgb(5,17,47)
```
#071841
```
#071841 rgb(7,24,65)
```
#091f53
```
#091f53 rgb(9,31,83)
```
#0b2564
```
#0b2564 rgb(11,37,100)
```
#0d2c76
```
#0d2c76 rgb(13,44,118)
```
#0f3288
```
#0f3288 rgb(15,50,136)
```
#113999
```
#113999 rgb(17,57,153)
```
#133fab
```
#133fab rgb(19,63,171)
```
#1546bd
```
#1546bd rgb(21,70,189)
```
#174cce
```
#174cce rgb(23,76,206)
```
#1853e0
```
#1853e0 rgb(24,83,224)
```

Shade Color Variation

#255ee7
```
#255ee7 rgb(37,94,231)
```
#376be9
```
#376be9 rgb(55,107,233)
```
#4878eb
```
#4878eb rgb(72,120,235)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#6c92ef
```
#6c92ef rgb(108,146,239)
```
#7d9ff1
```
#7d9ff1 rgb(125,159,241)
```
#8facf3
```
#8facf3 rgb(143,172,243)
```
#a1b9f5
```
#a1b9f5 rgb(161,185,245)
```
#b2c6f7
```
#b2c6f7 rgb(178,198,247)
```
#c4d3f9
```
#c4d3f9 rgb(196,211,249)
```
#d6e1fb
```
#d6e1fb rgb(214,225,251)
```
#e7eefc
```
#e7eefc rgb(231,238,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a0a2a7
```
#a0a2a7 rgb(160,162,167)
```
#999fae
```
#999fae rgb(153,159,174)
```
#929cb5
```
#929cb5 rgb(146,156,181)
```
#8b99bc
```
#8b99bc rgb(139,153,188)
```
#8497c3
```
#8497c3 rgb(132,151,195)
```
#7d94ca
```
#7d94ca rgb(125,148,202)
```
#7691d1
```
#7691d1 rgb(118,145,209)
```
#6f8ed8
```
#6f8ed8 rgb(111,142,216)
```
#688bdf
```
#688bdf rgb(104,139,223)
```
#6188e6
```
#6188e6 rgb(97,136,230)
```
#5a85ed
```
#5a85ed rgb(90,133,237)
```
#5382f4
```
#5382f4 rgb(83,130,244)
```
#4c7ffb
```
#4c7ffb rgb(76,127,251)
```

Tone Color Variation

Below, you can see how #5a85ed 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

#848484 Achromatopsia 0.005% of the population
#7c8499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8cee Protanopia 1% of men
#3c90eb Deuteranopia 1% of men
#2f9ca7 Tritanopia 0.001% of the population

Trichromacy

#5c89ed Protanomaly 1% of men, 0.01% of women
#478cec Deuteranomaly 6% of men, 0.4% of women
#3e93c0 Tritanomaly 0.01% of the population

#5a85ed hex color

#5a85ed Color Information

#5a85ed Color Conversion

Color Schemes with #5a85ed

Alternatives to #5a85ed

#5a85ed Preview

Shades and Tints of #5a85ed

Tones of #5a85ed

Color Blindness Simulator