#5a86e8 hex color

In a RGB color space, hex #5a86e8 is composed of 35.3% red, 52.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 42.2% magenta, 0% yellow and 9% black. It has a hue angle of 221.4 degrees, a saturation of 75.5% and a lightness of 63.1%. #5a86e8 color hex could be obtained by blending #b4ffff with #000dd1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 53
- B 91
RGB color chart
- C 61
- M 42
- Y 0
- K 9
CMYK color chart

● #5a86e8 color description : Soft blue.

The hexadecimal color #5a86e8 has RGB values of R:90, G:134, B:232 and CMYK values of C:0.61, M:0.42, Y:0, K:0.09. Its decimal value is 5932776.

Hex triplet	5a86e8	`#5a86e8`
RGB Decimal	90, 134, 232	`rgb(90,134,232)`
RGB Percent	35.3, 52.5, 91	`rgb(35.3%,52.5%,91%)`
CMYK	61, 42, 0, 9
HSL	221.4°, 75.5, 63.1	`hsl(221.4,75.5%,63.1%)`
HSV (or HSB)	221.4°, 61.2, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.123, 14.729, -54.198
XYZ	27.304, 25.048, 79.735
xyY	0.207, 0.19, 25.048
CIE-LCH	57.123, 56.164, 285.203
CIE-LUV	57.123, -20.633, -87.121
Hunter-Lab	50.048, 9.796, -59.425
Binary	01011010, 10000110, 11101000

#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#e8bc5a
```
#e8bc5a rgb(232,188,90)
```

Complementary Color

#5acde8
```
#5acde8 rgb(90,205,232)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#755ae8
```
#755ae8 rgb(117,90,232)
```

Analogous Color

#cde85a
```
#cde85a rgb(205,232,90)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#e8755a
```
#e8755a rgb(232,117,90)
```

Split Complementary Color

#86e85a
```
#86e85a rgb(134,232,90)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#e85a86
```
#e85a86 rgb(232,90,134)
```

Triadic Color

#5ae8bc
```
#5ae8bc rgb(90,232,188)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#e85a86
```
#e85a86 rgb(232,90,134)
```
#e8bc5a
```
#e8bc5a rgb(232,188,90)
```

Tetradic Color

#1e57d7
```
#1e57d7 rgb(30,87,215)
```
#2d65e2
```
#2d65e2 rgb(45,101,226)
```
#4476e5
```
#4476e5 rgb(68,118,229)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#7096eb
```
#7096eb rgb(112,150,235)
```
#87a7ee
```
#87a7ee rgb(135,167,238)
```
#9db7f1
```
#9db7f1 rgb(157,183,241)
```

Monochromatic Color

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

#5aaae8
```
#5aaae8 rgb(90,170,232)
```
#5a9ee8
```
#5a9ee8 rgb(90,158,232)
```
#5a92e8
```
#5a92e8 rgb(90,146,232)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#5a6ee8
```
#5a6ee8 rgb(90,110,232)
```
#5a63e8
```
#5a63e8 rgb(90,99,232)
```

Similar Colors

Text with hexadecimal color #5a86e8

This text has a font color of #5a86e8.

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

#5a86e8 background color

This paragraph has a background color of #5a86e8.

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

#5a86e8 border color

This element has a border color of #5a86e8.

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

CSS codes

.text {color:#5a86e8;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030a18
```
#030a18 rgb(3,10,24)
```
#06112a
```
#06112a rgb(6,17,42)
```
#08183b
```
#08183b rgb(8,24,59)
```
#0b1f4c
```
#0b1f4c rgb(11,31,76)
```
#0d265d
```
#0d265d rgb(13,38,93)
```
#0f2d6e
```
#0f2d6e rgb(15,45,110)
```
#123480
```
#123480 rgb(18,52,128)
```
#143b91
```
#143b91 rgb(20,59,145)
```
#1742a2
```
#1742a2 rgb(23,66,162)
```
#1949b3
```
#1949b3 rgb(25,73,179)
```
#1b50c5
```
#1b50c5 rgb(27,80,197)
```
#1e57d6
```
#1e57d6 rgb(30,87,214)
```

Shade Color Variation

#2660e1
```
#2660e1 rgb(38,96,225)
```
#386de3
```
#386de3 rgb(56,109,227)
```
#4979e6
```
#4979e6 rgb(73,121,230)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#6b93ea
```
#6b93ea rgb(107,147,234)
```
#7c9fed
```
#7c9fed rgb(124,159,237)
```
#8eacef
```
#8eacef rgb(142,172,239)
```
#9fb8f2
```
#9fb8f2 rgb(159,184,242)
```
#b0c5f4
```
#b0c5f4 rgb(176,197,244)
```
#c1d2f6
```
#c1d2f6 rgb(193,210,246)
```
#d3def9
```
#d3def9 rgb(211,222,249)
```
#e4ebfb
```
#e4ebfb rgb(228,235,251)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#9b9fa7
```
#9b9fa7 rgb(155,159,167)
```
#949cae
```
#949cae rgb(148,156,174)
```
#8d99b5
```
#8d99b5 rgb(141,153,181)
```
#8596bd
```
#8596bd rgb(133,150,189)
```
#7e94c4
```
#7e94c4 rgb(126,148,196)
```
#7791cb
```
#7791cb rgb(119,145,203)
```
#708ed2
```
#708ed2 rgb(112,142,210)
```
#688bda
```
#688bda rgb(104,139,218)
```
#6189e1
```
#6189e1 rgb(97,137,225)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#5383ef
```
#5383ef rgb(83,131,239)
```
#4c81f6
```
#4c81f6 rgb(76,129,246)
```
#447efe
```
#447efe rgb(68,126,254)
```

Tone Color Variation

Below, you can see how #5a86e8 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
#7c8498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#638ce9 Protanopia 1% of men
#4790e7 Deuteranopia 1% of men
#369ba7 Tritanopia 0.001% of the population

Trichromacy

#5f89e8 Protanomaly 1% of men, 0.01% of women
#4e8ce7 Deuteranomaly 6% of men, 0.4% of women
#4393be Tritanomaly 0.01% of the population

#5a86e8 hex color

#5a86e8 Color Information

#5a86e8 Color Conversion

Color Schemes with #5a86e8

Alternatives to #5a86e8

#5a86e8 Preview

Shades and Tints of #5a86e8

Tones of #5a86e8

Color Blindness Simulator