#5a9de1 hex color

In a RGB color space, hex #5a9de1 is composed of 35.3% red, 61.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 30.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 210.2 degrees, a saturation of 69.2% and a lightness of 61.8%. #5a9de1 color hex could be obtained by blending #b4ffff with #003bc3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 62
- B 88
RGB color chart
- C 60
- M 30
- Y 0
- K 12
CMYK color chart

● #5a9de1 color description : Soft blue.

The hexadecimal color #5a9de1 has RGB values of R:90, G:157, B:225 and CMYK values of C:0.6, M:0.3, Y:0, K:0.12. Its decimal value is 5938657.

Hex triplet	5a9de1	`#5a9de1`
RGB Decimal	90, 157, 225	`rgb(90,157,225)`
RGB Percent	35.3, 61.6, 88.2	`rgb(35.3%,61.6%,88.2%)`
CMYK	60, 30, 0, 12
HSL	210.2°, 69.2, 61.8	`hsl(210.2,69.2%,61.8%)`
HSV (or HSB)	210.2°, 60, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.112, -1.096, -40.839
XYZ	29.861, 31.722, 75.779
xyY	0.217, 0.231, 31.722
CIE-LCH	63.112, 40.853, 268.462
CIE-LUV	63.112, -28.63, -64.701
Hunter-Lab	56.322, -3.927, -40.347
Binary	01011010, 10011101, 11100001

#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#e19e5a
```
#e19e5a rgb(225,158,90)
```

Complementary Color

#5ae1e1
```
#5ae1e1 rgb(90,225,225)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#5b5ae1
```
#5b5ae1 rgb(91,90,225)
```

Analogous Color

#e1e15a
```
#e1e15a rgb(225,225,90)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#e15b5a
```
#e15b5a rgb(225,91,90)
```

Split Complementary Color

#9de15a
```
#9de15a rgb(157,225,90)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#e15a9d
```
#e15a9d rgb(225,90,157)
```

Triadic Color

#5ae19e
```
#5ae19e rgb(90,225,158)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#e15a9d
```
#e15a9d rgb(225,90,157)
```
#e19e5a
```
#e19e5a rgb(225,158,90)
```

Tetradic Color

#2577ca
```
#2577ca rgb(37,119,202)
```
#2f83d9
```
#2f83d9 rgb(47,131,217)
```
#4490dd
```
#4490dd rgb(68,144,221)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#70aae5
```
#70aae5 rgb(112,170,229)
```
#85b7e9
```
#85b7e9 rgb(133,183,233)
```
#9bc3ed
```
#9bc3ed rgb(155,195,237)
```

Monochromatic Color

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

#5abfe1
```
#5abfe1 rgb(90,191,225)
```
#5ab4e1
```
#5ab4e1 rgb(90,180,225)
```
#5aa8e1
```
#5aa8e1 rgb(90,168,225)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#5a92e1
```
#5a92e1 rgb(90,146,225)
```
#5a87e1
```
#5a87e1 rgb(90,135,225)
```
#5a7be1
```
#5a7be1 rgb(90,123,225)
```

Similar Colors

Text with hexadecimal color #5a9de1

This text has a font color of #5a9de1.

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

#5a9de1 background color

This paragraph has a background color of #5a9de1.

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

#5a9de1 border color

This element has a border color of #5a9de1.

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

CSS codes

.text {color:#5a9de1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030a12
```
#030a12 rgb(3,10,18)
```
#061422
```
#061422 rgb(6,20,34)
```
#091e33
```
#091e33 rgb(9,30,51)
```
#0c2843
```
#0c2843 rgb(12,40,67)
```
#0f3154
```
#0f3154 rgb(15,49,84)
```
#123b65
```
#123b65 rgb(18,59,101)
```
#154575
```
#154575 rgb(21,69,117)
```
#184f86
```
#184f86 rgb(24,79,134)
```
#1b5896
```
#1b5896 rgb(27,88,150)
```
#1e62a7
```
#1e62a7 rgb(30,98,167)
```
#216cb8
```
#216cb8 rgb(33,108,184)
```
#2476c8
```
#2476c8 rgb(36,118,200)
```

Shade Color Variation

#287fd8
```
#287fd8 rgb(40,127,216)
```
#3989db
```
#3989db rgb(57,137,219)
```
#4993de
```
#4993de rgb(73,147,222)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#6ba7e4
```
#6ba7e4 rgb(107,167,228)
```
#7bb1e7
```
#7bb1e7 rgb(123,177,231)
```
#8cbbea
```
#8cbbea rgb(140,187,234)
```
#9cc4ed
```
#9cc4ed rgb(156,196,237)
```
#adcef0
```
#adcef0 rgb(173,206,240)
```
#bed8f3
```
#bed8f3 rgb(190,216,243)
```
#cee2f6
```
#cee2f6 rgb(206,226,246)
```
#dfecf9
```
#dfecf9 rgb(223,236,249)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969da5 is the less saturated color, while #3c9dff is the most saturated one.

#969da5
```
#969da5 rgb(150,157,165)
```
#8f9dad
```
#8f9dad rgb(143,157,173)
```
#879db4
```
#879db4 rgb(135,157,180)
```
#809dbc
```
#809dbc rgb(128,157,188)
```
#789dc3
```
#789dc3 rgb(120,157,195)
```
#719dcb
```
#719dcb rgb(113,157,203)
```
#699dd2
```
#699dd2 rgb(105,157,210)
```
#629dda
```
#629dda rgb(98,157,218)
```
#5a9de1
```
#5a9de1 rgb(90,157,225)
```
#539de9
```
#539de9 rgb(83,157,233)
```
#4b9df0
```
#4b9df0 rgb(75,157,240)
```
#449df8
```
#449df8 rgb(68,157,248)
```
#3c9dff
```
#3c9dff rgb(60,157,255)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8693a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869bdd Protanopia 1% of men
#7b9de4 Deuteranopia 1% of men
#48aab7 Tritanopia 0.001% of the population

Trichromacy

#769cdf Protanomaly 1% of men, 0.01% of women
#6f9de3 Deuteranomaly 6% of men, 0.4% of women
#4fa5c6 Tritanomaly 0.01% of the population

#5a9de1 hex color

#5a9de1 Color Information

#5a9de1 Color Conversion

Color Schemes with #5a9de1

Alternatives to #5a9de1

#5a9de1 Preview

Shades and Tints of #5a9de1

Tones of #5a9de1

Color Blindness Simulator