#5a81ab hex color

In a RGB color space, hex #5a81ab is composed of 35.3% red, 50.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 24.6% magenta, 0% yellow and 32.9% black. It has a hue angle of 211.1 degrees, a saturation of 32.5% and a lightness of 51.2%. #5a81ab color hex could be obtained by blending #b4ffff with #000357. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 51
- B 67
RGB color chart
- C 47
- M 25
- Y 0
- K 33
CMYK color chart

● #5a81ab color description : Dark moderate blue.

The hexadecimal color #5a81ab has RGB values of R:90, G:129, B:171 and CMYK values of C:0.47, M:0.25, Y:0, K:0.33. Its decimal value is 5931435.

Hex triplet	5a81ab	`#5a81ab`
RGB Decimal	90, 129, 171	`rgb(90,129,171)`
RGB Percent	35.3, 50.6, 67.1	`rgb(35.3%,50.6%,67.1%)`
CMYK	47, 25, 0, 33
HSL	211.1°, 32.5, 51.2	`hsl(211.1,32.5%,51.2%)`
HSV (or HSB)	211.1°, 47.4, 67.1
Web Safe	669999	`#669999`

CIE-LAB	52.745, -1.843, -26.506
XYZ	19.416, 20.814, 41.52
xyY	0.238, 0.255, 20.814
CIE-LCH	52.745, 26.57, 266.022
CIE-LUV	52.745, -18.92, -39.567
Hunter-Lab	45.622, -3.872, -22.024
Binary	01011010, 10000001, 10101011

#5a81ab
```
#5a81ab rgb(90,129,171)
```
#ab845a
```
#ab845a rgb(171,132,90)
```

Complementary Color

#5aaaab
```
#5aaaab rgb(90,170,171)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#5c5aab
```
#5c5aab rgb(92,90,171)
```

Analogous Color

#aaab5a
```
#aaab5a rgb(170,171,90)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#ab5c5a
```
#ab5c5a rgb(171,92,90)
```

Split Complementary Color

#81ab5a
```
#81ab5a rgb(129,171,90)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#ab5a81
```
#ab5a81 rgb(171,90,129)
```

Triadic Color

#5aab84
```
#5aab84 rgb(90,171,132)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#ab5a81
```
#ab5a81 rgb(171,90,129)
```
#ab845a
```
#ab845a rgb(171,132,90)
```

Tetradic Color

#3e5b7a
```
#3e5b7a rgb(62,91,122)
```
#47688b
```
#47688b rgb(71,104,139)
```
#4f749c
```
#4f749c rgb(79,116,156)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#6b8eb4
```
#6b8eb4 rgb(107,142,180)
```
#7c9bbc
```
#7c9bbc rgb(124,155,188)
```
#8da8c5
```
#8da8c5 rgb(141,168,197)
```

Monochromatic Color

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

#5a95ab
```
#5a95ab rgb(90,149,171)
```
#5a8fab
```
#5a8fab rgb(90,143,171)
```
#5a88ab
```
#5a88ab rgb(90,136,171)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#5a7aab
```
#5a7aab rgb(90,122,171)
```
#5a74ab
```
#5a74ab rgb(90,116,171)
```
#5a6dab
```
#5a6dab rgb(90,109,171)
```

Similar Colors

Text with hexadecimal color #5a81ab

This text has a font color of #5a81ab.

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

#5a81ab background color

This paragraph has a background color of #5a81ab.

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

#5a81ab border color

This element has a border color of #5a81ab.

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

CSS codes

.text {color:#5a81ab;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d11
```
#090d11 rgb(9,13,17)
```
#0f161e
```
#0f161e rgb(15,22,30)
```
#16202b
```
#16202b rgb(22,32,43)
```
#1c2a38
```
#1c2a38 rgb(28,42,56)
```
#233345
```
#233345 rgb(35,51,69)
```
#2a3d52
```
#2a3d52 rgb(42,61,82)
```
#30475f
```
#30475f rgb(48,71,95)
```
#37506c
```
#37506c rgb(55,80,108)
```
#3e5a79
```
#3e5a79 rgb(62,90,121)
```
#446486
```
#446486 rgb(68,100,134)
```
#4b6e93
```
#4b6e93 rgb(75,110,147)
```
#5177a0
```
#5177a0 rgb(81,119,160)
```

Shade Color Variation

#5a81ab
```
#5a81ab rgb(90,129,171)
```
#678bb2
```
#678bb2 rgb(103,139,178)
```
#7495b8
```
#7495b8 rgb(116,149,184)
```
#819fbf
```
#819fbf rgb(129,159,191)
```
#8ea9c5
```
#8ea9c5 rgb(142,169,197)
```
#9bb3cc
```
#9bb3cc rgb(155,179,204)
```
#a8bdd3
```
#a8bdd3 rgb(168,189,211)
```
#b5c6d9
```
#b5c6d9 rgb(181,198,217)
```
#c2d0e0
```
#c2d0e0 rgb(194,208,224)
```
#cfdae7
```
#cfdae7 rgb(207,218,231)
```
#dce4ed
```
#dce4ed rgb(220,228,237)
```
#e9eef4
```
#e9eef4 rgb(233,238,244)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#808285
```
#808285 rgb(128,130,133)
```
#77828e
```
#77828e rgb(119,130,142)
```
#6d8298
```
#6d8298 rgb(109,130,152)
```
#6481a1
```
#6481a1 rgb(100,129,161)
```
#5a81ab
```
#5a81ab rgb(90,129,171)
```
#5081b5
```
#5081b5 rgb(80,129,181)
```
#4780be
```
#4780be rgb(71,128,190)
```
#3d80c8
```
#3d80c8 rgb(61,128,200)
```
#3480d1
```
#3480d1 rgb(52,128,209)
```
#2a7fdb
```
#2a7fdb rgb(42,127,219)
```
#217fe4
```
#217fe4 rgb(33,127,228)
```
#177fee
```
#177fee rgb(23,127,238)
```
#0d7ef8
```
#0d7ef8 rgb(13,126,248)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#747b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7883ac Protanopia 1% of men
#7583b1 Deuteranopia 1% of men
#598c96 Tritanopia 0.001% of the population

Trichromacy

#6d82ab Protanomaly 1% of men, 0.01% of women
#6b82ae Deuteranomaly 6% of men, 0.4% of women
#59889e Tritanomaly 0.01% of the population

#5a81ab hex color

#5a81ab Color Information

#5a81ab Color Conversion

Color Schemes with #5a81ab

Alternatives to #5a81ab

#5a81ab Preview

Shades and Tints of #5a81ab

Tones of #5a81ab

Color Blindness Simulator