#5a86ba hex color

In a RGB color space, hex #5a86ba is composed of 35.3% red, 52.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 28% magenta, 0% yellow and 27.1% black. It has a hue angle of 212.5 degrees, a saturation of 41% and a lightness of 54.1%. #5a86ba color hex could be obtained by blending #b4ffff with #000d75. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 53
- B 73
RGB color chart
- C 52
- M 28
- Y 0
- K 27
CMYK color chart

● #5a86ba color description : Moderate blue.

The hexadecimal color #5a86ba has RGB values of R:90, G:134, B:186 and CMYK values of C:0.52, M:0.28, Y:0, K:0.27. Its decimal value is 5932730.

Hex triplet	5a86ba	`#5a86ba`
RGB Decimal	90, 134, 186	`rgb(90,134,186)`
RGB Percent	35.3, 52.5, 72.9	`rgb(35.3%,52.5%,72.9%)`
CMYK	52, 28, 0, 27
HSL	212.5°, 41, 54.1	`hsl(212.5,41%,54.1%)`
HSV (or HSB)	212.5°, 51.6, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.832, -0.178, -31.874
XYZ	21.602, 22.768, 49.708
xyY	0.23, 0.242, 22.768
CIE-LCH	54.832, 31.875, 269.681
CIE-LUV	54.832, -20.78, -48.693
Hunter-Lab	47.716, -2.69, -28.365
Binary	01011010, 10000110, 10111010

#5a86ba
```
#5a86ba rgb(90,134,186)
```
#ba8e5a
```
#ba8e5a rgb(186,142,90)
```

Complementary Color

#5ab6ba
```
#5ab6ba rgb(90,182,186)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#5e5aba
```
#5e5aba rgb(94,90,186)
```

Analogous Color

#b6ba5a
```
#b6ba5a rgb(182,186,90)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#ba5e5a
```
#ba5e5a rgb(186,94,90)
```

Split Complementary Color

#86ba5a
```
#86ba5a rgb(134,186,90)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#ba5a86
```
#ba5a86 rgb(186,90,134)
```

Triadic Color

#5aba8e
```
#5aba8e rgb(90,186,142)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#ba5a86
```
#ba5a86 rgb(186,90,134)
```
#ba8e5a
```
#ba8e5a rgb(186,142,90)
```

Tetradic Color

#3b608d
```
#3b608d rgb(59,96,141)
```
#426d9f
```
#426d9f rgb(66,109,159)
```
#4a79b1
```
#4a79b1 rgb(74,121,177)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#6c93c2
```
#6c93c2 rgb(108,147,194)
```
#7ea0c9
```
#7ea0c9 rgb(126,160,201)
```
#90aed1
```
#90aed1 rgb(144,174,209)
```

Monochromatic Color

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

#5a9eba
```
#5a9eba rgb(90,158,186)
```
#5a96ba
```
#5a96ba rgb(90,150,186)
```
#5a8eba
```
#5a8eba rgb(90,142,186)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#5a7eba
```
#5a7eba rgb(90,126,186)
```
#5a76ba
```
#5a76ba rgb(90,118,186)
```
#5a6eba
```
#5a6eba rgb(90,110,186)
```

Similar Colors

Text with hexadecimal color #5a86ba

This text has a font color of #5a86ba.

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

#5a86ba background color

This paragraph has a background color of #5a86ba.

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

#5a86ba border color

This element has a border color of #5a86ba.

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

CSS codes

.text {color:#5a86ba;}

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

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

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 #f2f6fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0c141d
```
#0c141d rgb(12,20,29)
```
#121d2a
```
#121d2a rgb(18,29,42)
```
#182738
```
#182738 rgb(24,39,56)
```
#1d3046
```
#1d3046 rgb(29,48,70)
```
#233a54
```
#233a54 rgb(35,58,84)
```
#294362
```
#294362 rgb(41,67,98)
```
#2f4c70
```
#2f4c70 rgb(47,76,112)
```
#34567d
```
#34567d rgb(52,86,125)
```
#3a5f8b
```
#3a5f8b rgb(58,95,139)
```
#406999
```
#406999 rgb(64,105,153)
```
#4672a7
```
#4672a7 rgb(70,114,167)
```

Shade Color Variation

#4c7cb4
```
#4c7cb4 rgb(76,124,180)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#6890c0
```
#6890c0 rgb(104,144,192)
```
#769ac6
```
#769ac6 rgb(118,154,198)
```
#83a4cb
```
#83a4cb rgb(131,164,203)
```
#91afd1
```
#91afd1 rgb(145,175,209)
```
#9fb9d7
```
#9fb9d7 rgb(159,185,215)
```
#adc3dd
```
#adc3dd rgb(173,195,221)
```
#bbcde2
```
#bbcde2 rgb(187,205,226)
```
#c9d7e8
```
#c9d7e8 rgb(201,215,232)
```
#d6e1ee
```
#d6e1ee rgb(214,225,238)
```
#e4ebf4
```
#e4ebf4 rgb(228,235,244)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a8d is the less saturated color, while #1b81f9 is the most saturated one.

#878a8d
```
#878a8d rgb(135,138,141)
```
#7e8996
```
#7e8996 rgb(126,137,150)
```
#75889f
```
#75889f rgb(117,136,159)
```
#6c88a8
```
#6c88a8 rgb(108,136,168)
```
#6387b1
```
#6387b1 rgb(99,135,177)
```
#5a86ba
```
#5a86ba rgb(90,134,186)
```
#5185c3
```
#5185c3 rgb(81,133,195)
```
#4885cc
```
#4885cc rgb(72,133,204)
```
#3f84d5
```
#3f84d5 rgb(63,132,213)
```
#3683de
```
#3683de rgb(54,131,222)
```
#2d82e7
```
#2d82e7 rgb(45,130,231)
```
#2482f0
```
#2482f0 rgb(36,130,240)
```
#1b81f9
```
#1b81f9 rgb(27,129,249)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#78808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7987ba Protanopia 1% of men
#7388bf Deuteranopia 1% of men
#54929d Tritanopia 0.001% of the population

Trichromacy

#6d87ba Protanomaly 1% of men, 0.01% of women
#6a87bd Deuteranomaly 6% of men, 0.4% of women
#568ea7 Tritanomaly 0.01% of the population

#5a86ba hex color

#5a86ba Color Information

#5a86ba Color Conversion

Color Schemes with #5a86ba

Alternatives to #5a86ba

#5a86ba Preview

Shades and Tints of #5a86ba

Tones of #5a86ba

Color Blindness Simulator