#5a8baf hex color

In a RGB color space, hex #5a8baf is composed of 35.3% red, 54.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 20.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 205.4 degrees, a saturation of 34.7% and a lightness of 52%. #5a8baf color hex could be obtained by blending #b4ffff with #00175f. Closest websafe color is: #669999.

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

● #5a8baf color description : Dark moderate blue.

The hexadecimal color #5a8baf has RGB values of R:90, G:139, B:175 and CMYK values of C:0.49, M:0.21, Y:0, K:0.31. Its decimal value is 5933999.

Hex triplet	5a8baf	`#5a8baf`
RGB Decimal	90, 139, 175	`rgb(90,139,175)`
RGB Percent	35.3, 54.5, 68.6	`rgb(35.3%,54.5%,68.6%)`
CMYK	49, 21, 0, 31
HSL	205.4°, 34.7, 52	`hsl(205.4,34.7%,52%)`
HSV (or HSB)	205.4°, 48.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	55.819, -6.41, -24.059
XYZ	21.185, 23.733, 44.02
xyY	0.238, 0.267, 23.733
CIE-LCH	55.819, 24.898, 255.082
CIE-LUV	55.819, -22.81, -35.479
Hunter-Lab	48.716, -7.63, -19.472
Binary	01011010, 10001011, 10101111

#5a8baf
```
#5a8baf rgb(90,139,175)
```
#af7e5a
```
#af7e5a rgb(175,126,90)
```

Complementary Color

#5aafa9
```
#5aafa9 rgb(90,175,169)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#5a61af
```
#5a61af rgb(90,97,175)
```

Analogous Color

#afa95a
```
#afa95a rgb(175,169,90)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#af5a61
```
#af5a61 rgb(175,90,97)
```

Split Complementary Color

#8baf5a
```
#8baf5a rgb(139,175,90)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#af5a8b
```
#af5a8b rgb(175,90,139)
```

Triadic Color

#5aaf7e
```
#5aaf7e rgb(90,175,126)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#af5a8b
```
#af5a8b rgb(175,90,139)
```
#af7e5a
```
#af7e5a rgb(175,126,90)
```

Tetradic Color

#3e637f
```
#3e637f rgb(62,99,127)
```
#467190
```
#467190 rgb(70,113,144)
```
#4e7ea1
```
#4e7ea1 rgb(78,126,161)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#6b97b7
```
#6b97b7 rgb(107,151,183)
```
#7ca3c0
```
#7ca3c0 rgb(124,163,192)
```
#8eafc8
```
#8eafc8 rgb(142,175,200)
```

Monochromatic Color

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

#5aa0af
```
#5aa0af rgb(90,160,175)
```
#5a99af
```
#5a99af rgb(90,153,175)
```
#5a92af
```
#5a92af rgb(90,146,175)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#5a84af
```
#5a84af rgb(90,132,175)
```
#5a7daf
```
#5a7daf rgb(90,125,175)
```
#5a76af
```
#5a76af rgb(90,118,175)
```

Similar Colors

Text with hexadecimal color #5a8baf

This text has a font color of #5a8baf.

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

#5a8baf background color

This paragraph has a background color of #5a8baf.

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

#5a8baf border color

This element has a border color of #5a8baf.

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

CSS codes

.text {color:#5a8baf;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#101a21
```
#101a21 rgb(16,26,33)
```
#16242e
```
#16242e rgb(22,36,46)
```
#1d2f3c
```
#1d2f3c rgb(29,47,60)
```
#233949
```
#233949 rgb(35,57,73)
```
#2a4356
```
#2a4356 rgb(42,67,86)
```
#304e63
```
#304e63 rgb(48,78,99)
```
#375870
```
#375870 rgb(55,88,112)
```
#3d627e
```
#3d627e rgb(61,98,126)
```
#436d8b
```
#436d8b rgb(67,109,139)
```
#4a7798
```
#4a7798 rgb(74,119,152)
```
#5081a5
```
#5081a5 rgb(80,129,165)
```

Shade Color Variation

#5a8baf
```
#5a8baf rgb(90,139,175)
```
#6794b5
```
#6794b5 rgb(103,148,181)
```
#749ebc
```
#749ebc rgb(116,158,188)
```
#82a7c2
```
#82a7c2 rgb(130,167,194)
```
#8fb0c9
```
#8fb0c9 rgb(143,176,201)
```
#9cb9cf
```
#9cb9cf rgb(156,185,207)
```
#a9c3d5
```
#a9c3d5 rgb(169,195,213)
```
#b6ccdc
```
#b6ccdc rgb(182,204,220)
```
#c4d5e2
```
#c4d5e2 rgb(196,213,226)
```
#d1dfe9
```
#d1dfe9 rgb(209,223,233)
```
#dee8ef
```
#dee8ef rgb(222,232,239)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#808589
```
#808589 rgb(128,133,137)
```
#768793
```
#768793 rgb(118,135,147)
```
#6d889c
```
#6d889c rgb(109,136,156)
```
#638aa6
```
#638aa6 rgb(99,138,166)
```
#5a8baf
```
#5a8baf rgb(90,139,175)
```
#518cb8
```
#518cb8 rgb(81,140,184)
```
#478ec2
```
#478ec2 rgb(71,142,194)
```
#3e8fcb
```
#3e8fcb rgb(62,143,203)
```
#3491d5
```
#3491d5 rgb(52,145,213)
```
#2b92de
```
#2b92de rgb(43,146,222)
```
#2194e8
```
#2194e8 rgb(33,148,232)
```
#1895f1
```
#1895f1 rgb(24,149,241)
```
#0f97fa
```
#0f97fa rgb(15,151,250)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#788289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828aae Protanopia 1% of men
#808ab5 Deuteranopia 1% of men
#5a949f Tritanopia 0.001% of the population

Trichromacy

#738aae Protanomaly 1% of men, 0.01% of women
#728ab3 Deuteranomaly 6% of men, 0.4% of women
#5a91a5 Tritanomaly 0.01% of the population

#5a8baf hex color

#5a8baf Color Information

#5a8baf Color Conversion

Color Schemes with #5a8baf

Alternatives to #5a8baf

#5a8baf Preview

Shades and Tints of #5a8baf

Tones of #5a8baf

Color Blindness Simulator