#5a8bd4 hex color

In a RGB color space, hex #5a8bd4 is composed of 35.3% red, 54.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 34.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 215.9 degrees, a saturation of 58.7% and a lightness of 59.2%. #5a8bd4 color hex could be obtained by blending #b4ffff with #0017a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 55
- B 83
RGB color chart
- C 58
- M 34
- Y 0
- K 17
CMYK color chart

● #5a8bd4 color description : Moderate blue.

The hexadecimal color #5a8bd4 has RGB values of R:90, G:139, B:212 and CMYK values of C:0.58, M:0.34, Y:0, K:0.17. Its decimal value is 5934036.

Hex triplet	5a8bd4	`#5a8bd4`
RGB Decimal	90, 139, 212	`rgb(90,139,212)`
RGB Percent	35.3, 54.5, 83.1	`rgb(35.3%,54.5%,83.1%)`
CMYK	58, 34, 0, 17
HSL	215.9°, 58.7, 59.2	`hsl(215.9,58.7%,59.2%)`
HSV (or HSB)	215.9°, 57.5, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.454, 5.149, -42.488
XYZ	25.33, 25.391, 65.85
xyY	0.217, 0.218, 25.391
CIE-LCH	57.454, 42.798, 276.91
CIE-LUV	57.454, -22.422, -67.098
Hunter-Lab	50.389, 1.548, -42.209
Binary	01011010, 10001011, 11010100

#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#d4a35a
```
#d4a35a rgb(212,163,90)
```

Complementary Color

#5ac8d4
```
#5ac8d4 rgb(90,200,212)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#665ad4
```
#665ad4 rgb(102,90,212)
```

Analogous Color

#c8d45a
```
#c8d45a rgb(200,212,90)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#d4665a
```
#d4665a rgb(212,102,90)
```

Split Complementary Color

#8bd45a
```
#8bd45a rgb(139,212,90)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#d45a8b
```
#d45a8b rgb(212,90,139)
```

Triadic Color

#5ad4a3
```
#5ad4a3 rgb(90,212,163)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#d45a8b
```
#d45a8b rgb(212,90,139)
```
#d4a35a
```
#d4a35a rgb(212,163,90)
```

Tetradic Color

#2f64b3
```
#2f64b3 rgb(47,100,179)
```
#346fc7
```
#346fc7 rgb(52,111,199)
```
#467dcf
```
#467dcf rgb(70,125,207)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#6e99d9
```
#6e99d9 rgb(110,153,217)
```
#82a7df
```
#82a7df rgb(130,167,223)
```
#97b6e4
```
#97b6e4 rgb(151,182,228)
```

Monochromatic Color

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

#5aaad4
```
#5aaad4 rgb(90,170,212)
```
#5a9fd4
```
#5a9fd4 rgb(90,159,212)
```
#5a95d4
```
#5a95d4 rgb(90,149,212)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#5a81d4
```
#5a81d4 rgb(90,129,212)
```
#5a77d4
```
#5a77d4 rgb(90,119,212)
```
#5a6dd4
```
#5a6dd4 rgb(90,109,212)
```

Similar Colors

Text with hexadecimal color #5a8bd4

This text has a font color of #5a8bd4.

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

#5a8bd4 background color

This paragraph has a background color of #5a8bd4.

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

#5a8bd4 border color

This element has a border color of #5a8bd4.

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

CSS codes

.text {color:#5a8bd4;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c16
```
#060c16 rgb(6,12,22)
```
#0a1525
```
#0a1525 rgb(10,21,37)
```
#0e1d35
```
#0e1d35 rgb(14,29,53)
```
#122644
```
#122644 rgb(18,38,68)
```
#162f54
```
#162f54 rgb(22,47,84)
```
#1a3764
```
#1a3764 rgb(26,55,100)
```
#1e4073
```
#1e4073 rgb(30,64,115)
```
#224983
```
#224983 rgb(34,73,131)
```
#265292
```
#265292 rgb(38,82,146)
```
#2a5aa2
```
#2a5aa2 rgb(42,90,162)
```
#2e63b1
```
#2e63b1 rgb(46,99,177)
```
#326cc1
```
#326cc1 rgb(50,108,193)
```

Shade Color Variation

#3b75cc
```
#3b75cc rgb(59,117,204)
```
#4a80d0
```
#4a80d0 rgb(74,128,208)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#6a96d8
```
#6a96d8 rgb(106,150,216)
```
#79a1dc
```
#79a1dc rgb(121,161,220)
```
#89ace0
```
#89ace0 rgb(137,172,224)
```
#98b7e4
```
#98b7e4 rgb(152,183,228)
```
#a8c2e8
```
#a8c2e8 rgb(168,194,232)
```
#b7cdec
```
#b7cdec rgb(183,205,236)
```
#c7d8f0
```
#c7d8f0 rgb(199,216,240)
```
#d6e3f4
```
#d6e3f4 rgb(214,227,244)
```
#e6edf8
```
#e6edf8 rgb(230,237,248)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92969c is the less saturated color, while #3283fc is the most saturated one.

#92969c
```
#92969c rgb(146,150,156)
```
#8a94a4
```
#8a94a4 rgb(138,148,164)
```
#8293ac
```
#8293ac rgb(130,147,172)
```
#7a91b4
```
#7a91b4 rgb(122,145,180)
```
#7290bc
```
#7290bc rgb(114,144,188)
```
#6a8ec4
```
#6a8ec4 rgb(106,142,196)
```
#628dcc
```
#628dcc rgb(98,141,204)
```
#5a8bd4
```
#5a8bd4 rgb(90,139,212)
```
#5289dc
```
#5289dc rgb(82,137,220)
```
#4a88e4
```
#4a88e4 rgb(74,136,228)
```
#4286ec
```
#4286ec rgb(66,134,236)
```
#3a85f4
```
#3a85f4 rgb(58,133,244)
```
#3283fc
```
#3283fc rgb(50,131,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7c8695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#758dd3 Protanopia 1% of men
#688fd6 Deuteranopia 1% of men
#499ba6 Tritanopia 0.001% of the population

Trichromacy

#6b8cd3 Protanomaly 1% of men, 0.01% of women
#628ed5 Deuteranomaly 6% of men, 0.4% of women
#4f95b7 Tritanomaly 0.01% of the population

#5a8bd4 hex color

#5a8bd4 Color Information

#5a8bd4 Color Conversion

Color Schemes with #5a8bd4

Alternatives to #5a8bd4

#5a8bd4 Preview

Shades and Tints of #5a8bd4

Tones of #5a8bd4

Color Blindness Simulator