#5a8cc9 hex color

In a RGB color space, hex #5a8cc9 is composed of 35.3% red, 54.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 30.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 213 degrees, a saturation of 50.7% and a lightness of 57.1%. #5a8cc9 color hex could be obtained by blending #b4ffff with #001993. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 55
- B 79
RGB color chart
- C 55
- M 30
- Y 0
- K 21
CMYK color chart

● #5a8cc9 color description : Moderate blue.

The hexadecimal color #5a8cc9 has RGB values of R:90, G:140, B:201 and CMYK values of C:0.55, M:0.3, Y:0, K:0.21. Its decimal value is 5934281.

Hex triplet	5a8cc9	`#5a8cc9`
RGB Decimal	90, 140, 201	`rgb(90,140,201)`
RGB Percent	35.3, 54.9, 78.8	`rgb(35.3%,54.9%,78.8%)`
CMYK	55, 30, 0, 21
HSL	213°, 50.7, 57.1	`hsl(213,50.7%,57.1%)`
HSV (or HSB)	213°, 55.2, 78.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.217, 1.03, -36.666
XYZ	24.135, 25.146, 58.837
xyY	0.223, 0.233, 25.146
CIE-LCH	57.217, 36.68, 271.609
CIE-LUV	57.217, -22.886, -57.037
Hunter-Lab	50.145, -1.843, -34.465
Binary	01011010, 10001100, 11001001

#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#c9975a
```
#c9975a rgb(201,151,90)
```

Complementary Color

#5ac4c9
```
#5ac4c9 rgb(90,196,201)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#605ac9
```
#605ac9 rgb(96,90,201)
```

Analogous Color

#c4c95a
```
#c4c95a rgb(196,201,90)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#c9605a
```
#c9605a rgb(201,96,90)
```

Split Complementary Color

#8cc95a
```
#8cc95a rgb(140,201,90)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#c95a8c
```
#c95a8c rgb(201,90,140)
```

Triadic Color

#5ac997
```
#5ac997 rgb(90,201,151)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#c95a8c
```
#c95a8c rgb(201,90,140)
```
#c9975a
```
#c9975a rgb(201,151,90)
```

Tetradic Color

#3566a2
```
#3566a2 rgb(53,102,162)
```
#3b72b5
```
#3b72b5 rgb(59,114,181)
```
#477fc3
```
#477fc3 rgb(71,127,195)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#6d99cf
```
#6d99cf rgb(109,153,207)
```
#80a7d6
```
#80a7d6 rgb(128,167,214)
```
#94b4dc
```
#94b4dc rgb(148,180,220)
```

Monochromatic Color

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

#5aa8c9
```
#5aa8c9 rgb(90,168,201)
```
#5a9fc9
```
#5a9fc9 rgb(90,159,201)
```
#5a95c9
```
#5a95c9 rgb(90,149,201)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#5a83c9
```
#5a83c9 rgb(90,131,201)
```
#5a7ac9
```
#5a7ac9 rgb(90,122,201)
```
#5a70c9
```
#5a70c9 rgb(90,112,201)
```

Similar Colors

Text with hexadecimal color #5a8cc9

This text has a font color of #5a8cc9.

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

#5a8cc9 background color

This paragraph has a background color of #5a8cc9.

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

#5a8cc9 border color

This element has a border color of #5a8cc9.

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

CSS codes

.text {color:#5a8cc9;}

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

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

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, #04080c is the darkest color, while #fdfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#09111b
```
#09111b rgb(9,17,27)
```
#0e1a2a
```
#0e1a2a rgb(14,26,42)
```
#132439
```
#132439 rgb(19,36,57)
```
#172d47
```
#172d47 rgb(23,45,71)
```
#1c3656
```
#1c3656 rgb(28,54,86)
```
#214065
```
#214065 rgb(33,64,101)
```
#264974
```
#264974 rgb(38,73,116)
```
#2b5283
```
#2b5283 rgb(43,82,131)
```
#305c91
```
#305c91 rgb(48,92,145)
```
#3465a0
```
#3465a0 rgb(52,101,160)
```
#396eaf
```
#396eaf rgb(57,110,175)
```
#3e78be
```
#3e78be rgb(62,120,190)
```

Shade Color Variation

#4b82c4
```
#4b82c4 rgb(75,130,196)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#6996ce
```
#6996ce rgb(105,150,206)
```
#78a1d3
```
#78a1d3 rgb(120,161,211)
```
#86abd8
```
#86abd8 rgb(134,171,216)
```
#95b5dc
```
#95b5dc rgb(149,181,220)
```
#a4c0e1
```
#a4c0e1 rgb(164,192,225)
```
#b3cae6
```
#b3cae6 rgb(179,202,230)
```
#c1d4eb
```
#c1d4eb rgb(193,212,235)
```
#d0def0
```
#d0def0 rgb(208,222,240)
```
#dfe9f5
```
#dfe9f5 rgb(223,233,245)
```
#eef3f9
```
#eef3f9 rgb(238,243,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#8d9196
```
#8d9196 rgb(141,145,150)
```
#84909f
```
#84909f rgb(132,144,159)
```
#7c8fa7
```
#7c8fa7 rgb(124,143,167)
```
#738fb0
```
#738fb0 rgb(115,143,176)
```
#6b8eb8
```
#6b8eb8 rgb(107,142,184)
```
#628dc1
```
#628dc1 rgb(98,141,193)
```
#5a8cc9
```
#5a8cc9 rgb(90,140,201)
```
#528bd1
```
#528bd1 rgb(82,139,209)
```
#498ada
```
#498ada rgb(73,138,218)
```
#4189e2
```
#4189e2 rgb(65,137,226)
```
#3889eb
```
#3889eb rgb(56,137,235)
```
#3088f3
```
#3088f3 rgb(48,136,243)
```
#2787fc
```
#2787fc rgb(39,135,252)
```

Tone Color Variation

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

Dichromacy

#7a8dc8 Protanopia 1% of men
#728ecd Deuteranopia 1% of men
#4f99a5 Tritanopia 0.001% of the population

Trichromacy

#6e8cc8 Protanomaly 1% of men, 0.01% of women
#698dcb Deuteranomaly 6% of men, 0.4% of women
#5394b2 Tritanomaly 0.01% of the population

#5a8cc9 hex color

#5a8cc9 Color Information

#5a8cc9 Color Conversion

Color Schemes with #5a8cc9

Alternatives to #5a8cc9

#5a8cc9 Preview

Shades and Tints of #5a8cc9

Tones of #5a8cc9

Color Blindness Simulator