#5baabb hex color

In a RGB color space, hex #5baabb is composed of 35.7% red, 66.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 9.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 190.6 degrees, a saturation of 41.4% and a lightness of 54.5%. #5baabb color hex could be obtained by blending #b6ffff with #005577. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 73
RGB color chart
- C 51
- M 9
- Y 0
- K 27
CMYK color chart

● #5baabb color description : Moderate cyan.

The hexadecimal color #5baabb has RGB values of R:91, G:170, B:187 and CMYK values of C:0.51, M:0.09, Y:0, K:0.27. Its decimal value is 6007483.

Hex triplet	5baabb	`#5baabb`
RGB Decimal	91, 170, 187	`rgb(91,170,187)`
RGB Percent	35.7, 66.7, 73.3	`rgb(35.7%,66.7%,73.3%)`
CMYK	51, 9, 0, 27
HSL	190.6°, 41.4, 54.5	`hsl(190.6,41.4%,54.5%)`
HSV (or HSB)	190.6°, 51.3, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.404, -19.555, -16.203
XYZ	27.656, 34.56, 52.224
xyY	0.242, 0.302, 34.56
CIE-LCH	65.404, 25.395, 219.645
CIE-LUV	65.404, -34.364, -21.869
Hunter-Lab	58.787, -18.903, -11.519
Binary	01011011, 10101010, 10111011

#5baabb
```
#5baabb rgb(91,170,187)
```
#bb6c5b
```
#bb6c5b rgb(187,108,91)
```

Complementary Color

#5bbb9c
```
#5bbb9c rgb(91,187,156)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#5b7abb
```
#5b7abb rgb(91,122,187)
```

Analogous Color

#bb9c5b
```
#bb9c5b rgb(187,156,91)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#bb5b7a
```
#bb5b7a rgb(187,91,122)
```

Split Complementary Color

#aabb5b
```
#aabb5b rgb(170,187,91)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#bb5baa
```
#bb5baa rgb(187,91,170)
```

Triadic Color

#5bbb6c
```
#5bbb6c rgb(91,187,108)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#bb5baa
```
#bb5baa rgb(187,91,170)
```
#bb6c5b
```
#bb6c5b rgb(187,108,91)
```

Tetradic Color

#3b808e
```
#3b808e rgb(59,128,142)
```
#4390a0
```
#4390a0 rgb(67,144,160)
```
#4aa0b2
```
#4aa0b2 rgb(74,160,178)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#6db3c2
```
#6db3c2 rgb(109,179,194)
```
#7fbdca
```
#7fbdca rgb(127,189,202)
```
#91c6d1
```
#91c6d1 rgb(145,198,209)
```

Monochromatic Color

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

#5bbbb4
```
#5bbbb4 rgb(91,187,180)
```
#5bbabb
```
#5bbabb rgb(91,186,187)
```
#5bb2bb
```
#5bb2bb rgb(91,178,187)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#5ba2bb
```
#5ba2bb rgb(91,162,187)
```
#5b9abb
```
#5b9abb rgb(91,154,187)
```
#5b92bb
```
#5b92bb rgb(91,146,187)
```

Similar Colors

Text with hexadecimal color #5baabb

This text has a font color of #5baabb.

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

#5baabb background color

This paragraph has a background color of #5baabb.

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

#5baabb border color

This element has a border color of #5baabb.

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

CSS codes

.text {color:#5baabb;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070f10
```
#070f10 rgb(7,15,16)
```
#0c1b1e
```
#0c1b1e rgb(12,27,30)
```
#12272c
```
#12272c rgb(18,39,44)
```
#18343a
```
#18343a rgb(24,52,58)
```
#1e4048
```
#1e4048 rgb(30,64,72)
```
#234d56
```
#234d56 rgb(35,77,86)
```
#295963
```
#295963 rgb(41,89,99)
```
#2f6671
```
#2f6671 rgb(47,102,113)
```
#35727f
```
#35727f rgb(53,114,127)
```
#3a7e8d
```
#3a7e8d rgb(58,126,141)
```
#408b9b
```
#408b9b rgb(64,139,155)
```
#4697a9
```
#4697a9 rgb(70,151,169)
```

Shade Color Variation

#4da3b5
```
#4da3b5 rgb(77,163,181)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#69b1c1
```
#69b1c1 rgb(105,177,193)
```
#77b8c6
```
#77b8c6 rgb(119,184,198)
```
#85c0cc
```
#85c0cc rgb(133,192,204)
```
#92c7d2
```
#92c7d2 rgb(146,199,210)
```
#a0ced8
```
#a0ced8 rgb(160,206,216)
```
#aed5dd
```
#aed5dd rgb(174,213,221)
```
#bcdce3
```
#bcdce3 rgb(188,220,227)
```
#cae3e9
```
#cae3e9 rgb(202,227,233)
```
#d8ebef
```
#d8ebef rgb(216,235,239)
```
#e6f2f4
```
#e6f2f4 rgb(230,242,244)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888d8e is the less saturated color, while #1dd2f9 is the most saturated one.

#888d8e
```
#888d8e rgb(136,141,142)
```
#7f9397
```
#7f9397 rgb(127,147,151)
```
#7699a0
```
#7699a0 rgb(118,153,160)
```
#6d9ea9
```
#6d9ea9 rgb(109,158,169)
```
#64a4b2
```
#64a4b2 rgb(100,164,178)
```
#5baabb
```
#5baabb rgb(91,170,187)
```
#52b0c4
```
#52b0c4 rgb(82,176,196)
```
#49b6cd
```
#49b6cd rgb(73,182,205)
```
#40bbd6
```
#40bbd6 rgb(64,187,214)
```
#37c1df
```
#37c1df rgb(55,193,223)
```
#2ec7e8
```
#2ec7e8 rgb(46,199,232)
```
#25cdf1
```
#25cdf1 rgb(37,205,241)
```
#1dd2f9
```
#1dd2f9 rgb(29,210,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#89989c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b7 Protanopia 1% of men
#a2a0c3 Deuteranopia 1% of men
#62aebb Tritanopia 0.001% of the population

Trichromacy

#87a5b8 Protanomaly 1% of men, 0.01% of women
#88a3c0 Deuteranomaly 6% of men, 0.4% of women
#5fadbb Tritanomaly 0.01% of the population

#5baabb hex color

#5baabb Color Information

#5baabb Color Conversion

Color Schemes with #5baabb

Alternatives to #5baabb

#5baabb Preview

Shades and Tints of #5baabb

Tones of #5baabb

Color Blindness Simulator