colorhexa.com

#5aa3c8 hex color

In a RGB color space, hex #5aa3c8 is composed of 35.3% red, 63.9% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 18.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 200.2 degrees, a saturation of 50% and a lightness of 56.9%. #5aa3c8 color hex could be obtained by blending #b4ffff with #004791. Closest websafe color is: #6699cc.

- R 35
- G 64
- B 78
RGB color chart
- C 55
- M 19
- Y 0
- K 22
CMYK color chart

● #5aa3c8 color description : Moderate blue.

The hexadecimal color #5aa3c8 has RGB values of R:90, G:163, B:200 and CMYK values of C:0.55, M:0.19, Y:0, K:0.22. Its decimal value is 5940168.

Hex triplet	5aa3c8	`#5aa3c8`
RGB Decimal	90, 163, 200	`rgb(90,163,200)`
RGB Percent	35.3, 63.9, 78.4	`rgb(35.3%,63.9%,78.4%)`
CMYK	55, 19, 0, 22
HSL	200.2°, 50, 56.9	`hsl(200.2,50%,56.9%)`
HSV (or HSB)	200.2°, 55, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.784, -12.25, -25.916
XYZ	27.736, 32.536, 59.459
xyY	0.232, 0.272, 32.536
CIE-LCH	63.784, 28.665, 244.7
CIE-LUV	63.784, -31.52, -38.55
Hunter-Lab	57.041, -13.024, -21.875
Binary	01011010, 10100011, 11001000

#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#c87f5a
```
#c87f5a rgb(200,127,90)
```

Complementary Color

#5ac8b6
```
#5ac8b6 rgb(90,200,182)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#5a6cc8
```
#5a6cc8 rgb(90,108,200)
```

Analogous Color

#c8b65a
```
#c8b65a rgb(200,182,90)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#c85a6c
```
#c85a6c rgb(200,90,108)
```

Split Complementary Color

#a3c85a
```
#a3c85a rgb(163,200,90)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#c85aa3
```
#c85aa3 rgb(200,90,163)
```

Triadic Color

#5ac87f
```
#5ac87f rgb(90,200,127)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#c85aa3
```
#c85aa3 rgb(200,90,163)
```
#c87f5a
```
#c87f5a rgb(200,127,90)
```

Tetradic Color

#357ca0
```
#357ca0 rgb(53,124,160)
```
#3c8bb3
```
#3c8bb3 rgb(60,139,179)
```
#4798c2
```
#4798c2 rgb(71,152,194)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#6daece
```
#6daece rgb(109,174,206)
```
#80b8d5
```
#80b8d5 rgb(128,184,213)
```
#93c3db
```
#93c3db rgb(147,195,219)
```

Monochromatic Color

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

#5abfc8
```
#5abfc8 rgb(90,191,200)
```
#5ab5c8
```
#5ab5c8 rgb(90,181,200)
```
#5aacc8
```
#5aacc8 rgb(90,172,200)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#5a9ac8
```
#5a9ac8 rgb(90,154,200)
```
#5a91c8
```
#5a91c8 rgb(90,145,200)
```
#5a88c8
```
#5a88c8 rgb(90,136,200)
```

Similar Colors

Text with hexadecimal color #5aa3c8

This text has a font color of #5aa3c8.

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

#5aa3c8 background color

This paragraph has a background color of #5aa3c8.

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

#5aa3c8 border color

This element has a border color of #5aa3c8.

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

CSS codes

.text {color:#5aa3c8;}

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

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

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

#04090c
```
#04090c rgb(4,9,12)
```
#09141a
```
#09141a rgb(9,20,26)
```
#0e2029
```
#0e2029 rgb(14,32,41)
```
#132b38
```
#132b38 rgb(19,43,56)
```
#173746
```
#173746 rgb(23,55,70)
```
#1c4255
```
#1c4255 rgb(28,66,85)
```
#214d64
```
#214d64 rgb(33,77,100)
```
#265973
```
#265973 rgb(38,89,115)
```
#2b6481
```
#2b6481 rgb(43,100,129)
```
#307090
```
#307090 rgb(48,112,144)
```
#357b9f
```
#357b9f rgb(53,123,159)
```
#3a86ad
```
#3a86ad rgb(58,134,173)
```
#3f92bc
```
#3f92bc rgb(63,146,188)
```

Shade Color Variation

#4b9bc3
```
#4b9bc3 rgb(75,155,195)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#69abcd
```
#69abcd rgb(105,171,205)
```
#77b3d2
```
#77b3d2 rgb(119,179,210)
```
#86bcd7
```
#86bcd7 rgb(134,188,215)
```
#95c4dc
```
#95c4dc rgb(149,196,220)
```
#a4cce1
```
#a4cce1 rgb(164,204,225)
```
#b2d4e5
```
#b2d4e5 rgb(178,212,229)
```
#c1dcea
```
#c1dcea rgb(193,220,234)
```
#d0e5ef
```
#d0e5ef rgb(208,229,239)
```
#deedf4
```
#deedf4 rgb(222,237,244)
```
#edf5f9
```
#edf5f9 rgb(237,245,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8d9295
```
#8d9295 rgb(141,146,149)
```
#84959e
```
#84959e rgb(132,149,158)
```
#7c98a6
```
#7c98a6 rgb(124,152,166)
```
#739baf
```
#739baf rgb(115,155,175)
```
#6b9db7
```
#6b9db7 rgb(107,157,183)
```
#62a0c0
```
#62a0c0 rgb(98,160,192)
```
#5aa3c8
```
#5aa3c8 rgb(90,163,200)
```
#52a6d0
```
#52a6d0 rgb(82,166,208)
```
#49a9d9
```
#49a9d9 rgb(73,169,217)
```
#41abe1
```
#41abe1 rgb(65,171,225)
```
#38aeea
```
#38aeea rgb(56,174,234)
```
#30b1f2
```
#30b1f2 rgb(48,177,242)
```
#27b4fb
```
#27b4fb rgb(39,180,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#86959c Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ec4 Protanopia 1% of men
#939dce Deuteranopia 1% of men
#59abb7 Tritanopia 0.001% of the population

Trichromacy

#7f9fc5 Protanomaly 1% of men, 0.01% of women
#7e9fcc Deuteranomaly 6% of men, 0.4% of women
#59a8bd Tritanomaly 0.01% of the population