#5a8fdd hex color

In a RGB color space, hex #5a8fdd is composed of 35.3% red, 56.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 35.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 215.7 degrees, a saturation of 65.8% and a lightness of 61%. #5a8fdd color hex could be obtained by blending #b4ffff with #001fbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 56
- B 87
RGB color chart
- C 59
- M 35
- Y 0
- K 13
CMYK color chart

● #5a8fdd color description : Soft blue.

The hexadecimal color #5a8fdd has RGB values of R:90, G:143, B:221 and CMYK values of C:0.59, M:0.35, Y:0, K:0.13. Its decimal value is 5935069.

Hex triplet	5a8fdd	`#5a8fdd`
RGB Decimal	90, 143, 221	`rgb(90,143,221)`
RGB Percent	35.3, 56.1, 86.7	`rgb(35.3%,56.1%,86.7%)`
CMYK	59, 35, 0, 13
HSL	215.7°, 65.8, 61	`hsl(215.7,65.8%,61%)`
HSV (or HSB)	215.7°, 59.3, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.009, 5.723, -45.073
XYZ	27.087, 27.037, 72.194
xyY	0.214, 0.214, 27.037
CIE-LCH	59.009, 45.435, 277.236
CIE-LUV	59.009, -23.744, -71.747
Hunter-Lab	51.998, 1.991, -45.921
Binary	01011010, 10001111, 11011101

#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#dda85a
```
#dda85a rgb(221,168,90)
```

Complementary Color

#5ad1dd
```
#5ad1dd rgb(90,209,221)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#675add
```
#675add rgb(103,90,221)
```

Analogous Color

#d1dd5a
```
#d1dd5a rgb(209,221,90)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#dd675a
```
#dd675a rgb(221,103,90)
```

Split Complementary Color

#8fdd5a
```
#8fdd5a rgb(143,221,90)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#dd5a8f
```
#dd5a8f rgb(221,90,143)
```

Triadic Color

#5adda8
```
#5adda8 rgb(90,221,168)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#dd5a8f
```
#dd5a8f rgb(221,90,143)
```
#dda85a
```
#dda85a rgb(221,168,90)
```

Tetradic Color

#2867c2
```
#2867c2 rgb(40,103,194)
```
#3072d4
```
#3072d4 rgb(48,114,212)
```
#4581d9
```
#4581d9 rgb(69,129,217)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#6f9de1
```
#6f9de1 rgb(111,157,225)
```
#84ace6
```
#84ace6 rgb(132,172,230)
```
#99baea
```
#99baea rgb(153,186,234)
```

Monochromatic Color

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

#5ab0dd
```
#5ab0dd rgb(90,176,221)
```
#5aa5dd
```
#5aa5dd rgb(90,165,221)
```
#5a9add
```
#5a9add rgb(90,154,221)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#5a84dd
```
#5a84dd rgb(90,132,221)
```
#5a79dd
```
#5a79dd rgb(90,121,221)
```
#5a6edd
```
#5a6edd rgb(90,110,221)
```

Similar Colors

Text with hexadecimal color #5a8fdd

This text has a font color of #5a8fdd.

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

#5a8fdd background color

This paragraph has a background color of #5a8fdd.

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

#5a8fdd border color

This element has a border color of #5a8fdd.

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

CSS codes

.text {color:#5a8fdd;}

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

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

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, #03070e is the darkest color, while #fdfdff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#06101e
```
#06101e rgb(6,16,30)
```
#0a182e
```
#0a182e rgb(10,24,46)
```
#0d213f
```
#0d213f rgb(13,33,63)
```
#102a4f
```
#102a4f rgb(16,42,79)
```
#14325f
```
#14325f rgb(20,50,95)
```
#173b6f
```
#173b6f rgb(23,59,111)
```
#1a4380
```
#1a4380 rgb(26,67,128)
```
#1e4c90
```
#1e4c90 rgb(30,76,144)
```
#2155a0
```
#2155a0 rgb(33,85,160)
```
#245db1
```
#245db1 rgb(36,93,177)
```
#2866c1
```
#2866c1 rgb(40,102,193)
```
#2b6ed1
```
#2b6ed1 rgb(43,110,209)
```

Shade Color Variation

#3979d6
```
#3979d6 rgb(57,121,214)
```
#4a84da
```
#4a84da rgb(74,132,218)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#6a9ae0
```
#6a9ae0 rgb(106,154,224)
```
#7ba5e4
```
#7ba5e4 rgb(123,165,228)
```
#8bb0e7
```
#8bb0e7 rgb(139,176,231)
```
#9bbbea
```
#9bbbea rgb(155,187,234)
```
#abc6ee
```
#abc6ee rgb(171,198,238)
```
#bcd1f1
```
#bcd1f1 rgb(188,209,241)
```
#ccdcf4
```
#ccdcf4 rgb(204,220,244)
```
#dce7f8
```
#dce7f8 rgb(220,231,248)
```
#ecf2fb
```
#ecf2fb rgb(236,242,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#979ba0
```
#979ba0 rgb(151,155,160)
```
#9099a7
```
#9099a7 rgb(144,153,167)
```
#8898af
```
#8898af rgb(136,152,175)
```
#8096b7
```
#8096b7 rgb(128,150,183)
```
#7995be
```
#7995be rgb(121,149,190)
```
#7193c6
```
#7193c6 rgb(113,147,198)
```
#6992ce
```
#6992ce rgb(105,146,206)
```
#6290d5
```
#6290d5 rgb(98,144,213)
```
#5a8fdd
```
#5a8fdd rgb(90,143,221)
```
#528ee5
```
#528ee5 rgb(82,142,229)
```
#4b8cec
```
#4b8cec rgb(75,140,236)
```
#438bf4
```
#438bf4 rgb(67,139,244)
```
#3b89fc
```
#3b89fc rgb(59,137,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7f8999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7691dc Protanopia 1% of men
#6793df Deuteranopia 1% of men
#449fab Tritanopia 0.001% of the population

Trichromacy

#6c90dc Protanomaly 1% of men, 0.01% of women
#6292de Deuteranomaly 6% of men, 0.4% of women
#4c99bd Tritanomaly 0.01% of the population

#5a8fdd hex color

#5a8fdd Color Information

#5a8fdd Color Conversion

Color Schemes with #5a8fdd

Alternatives to #5a8fdd

#5a8fdd Preview

Shades and Tints of #5a8fdd

Tones of #5a8fdd

Color Blindness Simulator