#5a9cd1 hex color

In a RGB color space, hex #5a9cd1 is composed of 35.3% red, 61.2% green and 82% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 25.4% magenta, 0% yellow and 18% black. It has a hue angle of 206.7 degrees, a saturation of 56.4% and a lightness of 58.6%. #5a9cd1 color hex could be obtained by blending #b4ffff with #0039a3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 61
- B 82
RGB color chart
- C 57
- M 25
- Y 0
- K 18
CMYK color chart

● #5a9cd1 color description : Moderate blue.

The hexadecimal color #5a9cd1 has RGB values of R:90, G:156, B:209 and CMYK values of C:0.57, M:0.25, Y:0, K:0.18. Its decimal value is 5938385.

Hex triplet	5a9cd1	`#5a9cd1`
RGB Decimal	90, 156, 209	`rgb(90,156,209)`
RGB Percent	35.3, 61.2, 82	`rgb(35.3%,61.2%,82%)`
CMYK	57, 25, 0, 18
HSL	206.7°, 56.4, 58.6	`hsl(206.7,56.4%,58.6%)`
HSV (or HSB)	206.7°, 56.9, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.128, -5.614, -33.492
XYZ	27.611, 30.552, 64.76
xyY	0.225, 0.249, 30.552
CIE-LCH	62.128, 33.959, 260.484
CIE-LUV	62.128, -28.644, -51.749
Hunter-Lab	55.274, -7.565, -30.773
Binary	01011010, 10011100, 11010001

#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#d18f5a
```
#d18f5a rgb(209,143,90)
```

Complementary Color

#5ad1cb
```
#5ad1cb rgb(90,209,203)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#5a61d1
```
#5a61d1 rgb(90,97,209)
```

Analogous Color

#d1cb5a
```
#d1cb5a rgb(209,203,90)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#d15a61
```
#d15a61 rgb(209,90,97)
```

Split Complementary Color

#9cd15a
```
#9cd15a rgb(156,209,90)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#d15a9c
```
#d15a9c rgb(209,90,156)
```

Triadic Color

#5ad18f
```
#5ad18f rgb(90,209,143)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#d15a9c
```
#d15a9c rgb(209,90,156)
```
#d18f5a
```
#d18f5a rgb(209,143,90)
```

Tetradic Color

#3176ae
```
#3176ae rgb(49,118,174)
```
#3684c2
```
#3684c2 rgb(54,132,194)
```
#4690cb
```
#4690cb rgb(70,144,203)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#6ea8d7
```
#6ea8d7 rgb(110,168,215)
```
#82b4dc
```
#82b4dc rgb(130,180,220)
```
#96c0e2
```
#96c0e2 rgb(150,192,226)
```

Monochromatic Color

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

#5abad1
```
#5abad1 rgb(90,186,209)
```
#5ab0d1
```
#5ab0d1 rgb(90,176,209)
```
#5aa6d1
```
#5aa6d1 rgb(90,166,209)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#5a92d1
```
#5a92d1 rgb(90,146,209)
```
#5a88d1
```
#5a88d1 rgb(90,136,209)
```
#5a7ed1
```
#5a7ed1 rgb(90,126,209)
```

Similar Colors

Text with hexadecimal color #5a9cd1

This text has a font color of #5a9cd1.

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

#5a9cd1 background color

This paragraph has a background color of #5a9cd1.

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

#5a9cd1 border color

This element has a border color of #5a9cd1.

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

CSS codes

.text {color:#5a9cd1;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050d13
```
#050d13 rgb(5,13,19)
```
#0a1722
```
#0a1722 rgb(10,23,34)
```
#0e2232
```
#0e2232 rgb(14,34,50)
```
#122c41
```
#122c41 rgb(18,44,65)
```
#163750
```
#163750 rgb(22,55,80)
```
#1b4160
```
#1b4160 rgb(27,65,96)
```
#1f4b6f
```
#1f4b6f rgb(31,75,111)
```
#23567e
```
#23567e rgb(35,86,126)
```
#28608e
```
#28608e rgb(40,96,142)
```
#2c6b9d
```
#2c6b9d rgb(44,107,157)
```
#3075ac
```
#3075ac rgb(48,117,172)
```
#347fbc
```
#347fbc rgb(52,127,188)
```

Shade Color Variation

#3b8ac8
```
#3b8ac8 rgb(59,138,200)
```
#4b93cd
```
#4b93cd rgb(75,147,205)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#69a5d5
```
#69a5d5 rgb(105,165,213)
```
#79aeda
```
#79aeda rgb(121,174,218)
```
#88b8de
```
#88b8de rgb(136,184,222)
```
#97c1e2
```
#97c1e2 rgb(151,193,226)
```
#a7cae6
```
#a7cae6 rgb(167,202,230)
```
#b6d3eb
```
#b6d3eb rgb(182,211,235)
```
#c5dcef
```
#c5dcef rgb(197,220,239)
```
#d5e6f3
```
#d5e6f3 rgb(213,230,243)
```
#e4eff7
```
#e4eff7 rgb(228,239,247)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939698 is the less saturated color, while #31a0fa is the most saturated one.

#939698
```
#939698 rgb(147,150,152)
```
#8b97a0
```
#8b97a0 rgb(139,151,160)
```
#8398a8
```
#8398a8 rgb(131,152,168)
```
#7a98b1
```
#7a98b1 rgb(122,152,177)
```
#7299b9
```
#7299b9 rgb(114,153,185)
```
#6a9ac1
```
#6a9ac1 rgb(106,154,193)
```
#629bc9
```
#629bc9 rgb(98,155,201)
```
#5a9cd1
```
#5a9cd1 rgb(90,156,209)
```
#529dd9
```
#529dd9 rgb(82,157,217)
```
#4a9ee1
```
#4a9ee1 rgb(74,158,225)
```
#429fe9
```
#429fe9 rgb(66,159,233)
```
#3aa0f1
```
#3aa0f1 rgb(58,160,241)
```
#31a0fa
```
#31a0fa rgb(49,160,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#84919b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b99ce Protanopia 1% of men
#849ad6 Deuteranopia 1% of men
#52a7b3 Tritanopia 0.001% of the population

Trichromacy

#799acf Protanomaly 1% of men, 0.01% of women
#749ad4 Deuteranomaly 6% of men, 0.4% of women
#54a3be Tritanomaly 0.01% of the population

#5a9cd1 hex color

#5a9cd1 Color Information

#5a9cd1 Color Conversion

Color Schemes with #5a9cd1

Alternatives to #5a9cd1

#5a9cd1 Preview

Shades and Tints of #5a9cd1

Tones of #5a9cd1

Color Blindness Simulator