#5a9ce2 hex color

In a RGB color space, hex #5a9ce2 is composed of 35.3% red, 61.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 31% magenta, 0% yellow and 11.4% black. It has a hue angle of 210.9 degrees, a saturation of 70.1% and a lightness of 62%. #5a9ce2 color hex could be obtained by blending #b4ffff with #0039c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 61
- B 89
RGB color chart
- C 60
- M 31
- Y 0
- K 11
CMYK color chart

● #5a9ce2 color description : Soft blue.

The hexadecimal color #5a9ce2 has RGB values of R:90, G:156, B:226 and CMYK values of C:0.6, M:0.31, Y:0, K:0.11. Its decimal value is 5938402.

Hex triplet	5a9ce2	`#5a9ce2`
RGB Decimal	90, 156, 226	`rgb(90,156,226)`
RGB Percent	35.3, 61.2, 88.6	`rgb(35.3%,61.2%,88.6%)`
CMYK	60, 31, 0, 11
HSL	210.9°, 70.1, 62	`hsl(210.9,70.1%,62%)`
HSV (or HSB)	210.9°, 60.2, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.877, -0.202, -41.761
XYZ	29.829, 31.44, 76.444
xyY	0.217, 0.228, 31.44
CIE-LCH	62.877, 41.762, 269.723
CIE-LUV	62.877, -28.25, -66.312
Hunter-Lab	56.071, -3.164, -41.583
Binary	01011010, 10011100, 11100010

#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#e2a05a
```
#e2a05a rgb(226,160,90)
```

Complementary Color

#5ae0e2
```
#5ae0e2 rgb(90,224,226)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#5c5ae2
```
#5c5ae2 rgb(92,90,226)
```

Analogous Color

#e0e25a
```
#e0e25a rgb(224,226,90)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#e25c5a
```
#e25c5a rgb(226,92,90)
```

Split Complementary Color

#9ce25a
```
#9ce25a rgb(156,226,90)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#e25a9c
```
#e25a9c rgb(226,90,156)
```

Triadic Color

#5ae2a0
```
#5ae2a0 rgb(90,226,160)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#e25a9c
```
#e25a9c rgb(226,90,156)
```
#e2a05a
```
#e2a05a rgb(226,160,90)
```

Tetradic Color

#2475cc
```
#2475cc rgb(36,117,204)
```
#2f82da
```
#2f82da rgb(47,130,218)
```
#448fde
```
#448fde rgb(68,143,222)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#70a9e6
```
#70a9e6 rgb(112,169,230)
```
#85b6ea
```
#85b6ea rgb(133,182,234)
```
#9bc3ed
```
#9bc3ed rgb(155,195,237)
```

Monochromatic Color

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

#5abee2
```
#5abee2 rgb(90,190,226)
```
#5ab3e2
```
#5ab3e2 rgb(90,179,226)
```
#5aa7e2
```
#5aa7e2 rgb(90,167,226)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#5a91e2
```
#5a91e2 rgb(90,145,226)
```
#5a85e2
```
#5a85e2 rgb(90,133,226)
```
#5a7ae2
```
#5a7ae2 rgb(90,122,226)
```

Similar Colors

Text with hexadecimal color #5a9ce2

This text has a font color of #5a9ce2.

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

#5a9ce2 background color

This paragraph has a background color of #5a9ce2.

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

#5a9ce2 border color

This element has a border color of #5a9ce2.

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

CSS codes

.text {color:#5a9ce2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#061423
```
#061423 rgb(6,20,35)
```
#091e34
```
#091e34 rgb(9,30,52)
```
#0c2745
```
#0c2745 rgb(12,39,69)
```
#0f3155
```
#0f3155 rgb(15,49,85)
```
#123b66
```
#123b66 rgb(18,59,102)
```
#154477
```
#154477 rgb(21,68,119)
```
#184e87
```
#184e87 rgb(24,78,135)
```
#1b5898
```
#1b5898 rgb(27,88,152)
```
#1e61a9
```
#1e61a9 rgb(30,97,169)
```
#216bb9
```
#216bb9 rgb(33,107,185)
```
#2474ca
```
#2474ca rgb(36,116,202)
```

Shade Color Variation

#287ed9
```
#287ed9 rgb(40,126,217)
```
#3988dc
```
#3988dc rgb(57,136,220)
```
#4992df
```
#4992df rgb(73,146,223)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#6ba6e5
```
#6ba6e5 rgb(107,166,229)
```
#7bb0e8
```
#7bb0e8 rgb(123,176,232)
```
#8cbaeb
```
#8cbaeb rgb(140,186,235)
```
#9dc4ee
```
#9dc4ee rgb(157,196,238)
```
#adcef1
```
#adcef1 rgb(173,206,241)
```
#bed8f4
```
#bed8f4 rgb(190,216,244)
```
#cfe2f7
```
#cfe2f7 rgb(207,226,247)
```
#dfecf9
```
#dfecf9 rgb(223,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9e9f is the less saturated color, while #449bf8 is the most saturated one.

#9d9e9f
```
#9d9e9f rgb(157,158,159)
```
#969ea6
```
#969ea6 rgb(150,158,166)
```
#8e9eae
```
#8e9eae rgb(142,158,174)
```
#879db5
```
#879db5 rgb(135,157,181)
```
#7f9dbd
```
#7f9dbd rgb(127,157,189)
```
#789dc4
```
#789dc4 rgb(120,157,196)
```
#709dcc
```
#709dcc rgb(112,157,204)
```
#699cd3
```
#699cd3 rgb(105,156,211)
```
#619cdb
```
#619cdb rgb(97,156,219)
```
#5a9ce2
```
#5a9ce2 rgb(90,156,226)
```
#539ce9
```
#539ce9 rgb(83,156,233)
```
#4b9cf1
```
#4b9cf1 rgb(75,156,241)
```
#449bf8
```
#449bf8 rgb(68,155,248)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8592a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#859bdf Protanopia 1% of men
#789ce5 Deuteranopia 1% of men
#47aab6 Tritanopia 0.001% of the population

Trichromacy

#759be0 Protanomaly 1% of men, 0.01% of women
#6d9ce4 Deuteranomaly 6% of men, 0.4% of women
#4ea5c6 Tritanomaly 0.01% of the population

#5a9ce2 hex color

#5a9ce2 Color Information

#5a9ce2 Color Conversion

Color Schemes with #5a9ce2

Alternatives to #5a9ce2

#5a9ce2 Preview

Shades and Tints of #5a9ce2

Tones of #5a9ce2

Color Blindness Simulator