#5baab7 hex color

In a RGB color space, hex #5baab7 is composed of 35.7% red, 66.7% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 7.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 188.5 degrees, a saturation of 39% and a lightness of 53.7%. #5baab7 color hex could be obtained by blending #b6ffff with #00556f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 72
RGB color chart
- C 50
- M 7
- Y 0
- K 28
CMYK color chart

● #5baab7 color description : Moderate cyan.

The hexadecimal color #5baab7 has RGB values of R:91, G:170, B:183 and CMYK values of C:0.5, M:0.07, Y:0, K:0.28. Its decimal value is 6007479.

Hex triplet	5baab7	`#5baab7`
RGB Decimal	91, 170, 183	`rgb(91,170,183)`
RGB Percent	35.7, 66.7, 71.8	`rgb(35.7%,66.7%,71.8%)`
CMYK	50, 7, 0, 28
HSL	188.5°, 39, 53.7	`hsl(188.5,39%,53.7%)`
HSV (or HSB)	188.5°, 50.3, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.272, -20.677, -14.177
XYZ	27.234, 34.391, 50
xyY	0.244, 0.308, 34.391
CIE-LCH	65.272, 25.071, 214.436
CIE-LUV	65.272, -34.506, -18.468
Hunter-Lab	58.644, -19.731, -9.501
Binary	01011011, 10101010, 10110111

#5baab7
```
#5baab7 rgb(91,170,183)
```
#b7685b
```
#b7685b rgb(183,104,91)
```

Complementary Color

#5bb796
```
#5bb796 rgb(91,183,150)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#5b7cb7
```
#5b7cb7 rgb(91,124,183)
```

Analogous Color

#b7965b
```
#b7965b rgb(183,150,91)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#b75b7c
```
#b75b7c rgb(183,91,124)
```

Split Complementary Color

#aab75b
```
#aab75b rgb(170,183,91)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#b75baa
```
#b75baa rgb(183,91,170)
```

Triadic Color

#5bb768
```
#5bb768 rgb(91,183,104)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#b75baa
```
#b75baa rgb(183,91,170)
```
#b7685b
```
#b7685b rgb(183,104,91)
```

Tetradic Color

#3c7e89
```
#3c7e89 rgb(60,126,137)
```
#448f9b
```
#448f9b rgb(68,143,155)
```
#4c9fad
```
#4c9fad rgb(76,159,173)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#6db3bf
```
#6db3bf rgb(109,179,191)
```
#7ebcc7
```
#7ebcc7 rgb(126,188,199)
```
#90c6ce
```
#90c6ce rgb(144,198,206)
```

Monochromatic Color

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

#5bb7ad
```
#5bb7ad rgb(91,183,173)
```
#5bb7b5
```
#5bb7b5 rgb(91,183,181)
```
#5bb2b7
```
#5bb2b7 rgb(91,178,183)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#5ba2b7
```
#5ba2b7 rgb(91,162,183)
```
#5b9bb7
```
#5b9bb7 rgb(91,155,183)
```
#5b93b7
```
#5b93b7 rgb(91,147,183)
```

Similar Colors

Text with hexadecimal color #5baab7

This text has a font color of #5baab7.

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

#5baab7 background color

This paragraph has a background color of #5baab7.

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

#5baab7 border color

This element has a border color of #5baab7.

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

CSS codes

.text {color:#5baab7;}

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

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

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, #060c0d is the darkest color, while #ffffff is the lightest one.

#060c0d
```
#060c0d rgb(6,12,13)
```
#0c191b
```
#0c191b rgb(12,25,27)
```
#122528
```
#122528 rgb(18,37,40)
```
#183236
```
#183236 rgb(24,50,54)
```
#1e3e44
```
#1e3e44 rgb(30,62,68)
```
#244b51
```
#244b51 rgb(36,75,81)
```
#2a575f
```
#2a575f rgb(42,87,95)
```
#30646d
```
#30646d rgb(48,100,109)
```
#36717a
```
#36717a rgb(54,113,122)
```
#3c7d88
```
#3c7d88 rgb(60,125,136)
```
#428a96
```
#428a96 rgb(66,138,150)
```
#4896a3
```
#4896a3 rgb(72,150,163)
```
#4ea3b1
```
#4ea3b1 rgb(78,163,177)
```

Shade Color Variation

#5baab7
```
#5baab7 rgb(91,170,183)
```
#69b1bd
```
#69b1bd rgb(105,177,189)
```
#76b8c3
```
#76b8c3 rgb(118,184,195)
```
#84bfc9
```
#84bfc9 rgb(132,191,201)
```
#92c6cf
```
#92c6cf rgb(146,198,207)
```
#9fcdd5
```
#9fcdd5 rgb(159,205,213)
```
#add4db
```
#add4db rgb(173,212,219)
```
#badbe1
```
#badbe1 rgb(186,219,225)
```
#c8e3e7
```
#c8e3e7 rgb(200,227,231)
```
#d6eaed
```
#d6eaed rgb(214,234,237)
```
#e3f1f3
```
#e3f1f3 rgb(227,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#88898a
```
#88898a rgb(136,137,138)
```
#7f9093
```
#7f9093 rgb(127,144,147)
```
#76969c
```
#76969c rgb(118,150,156)
```
#6d9da5
```
#6d9da5 rgb(109,157,165)
```
#64a3ae
```
#64a3ae rgb(100,163,174)
```
#5baab7
```
#5baab7 rgb(91,170,183)
```
#52b1c0
```
#52b1c0 rgb(82,177,192)
```
#49b7c9
```
#49b7c9 rgb(73,183,201)
```
#40bed2
```
#40bed2 rgb(64,190,210)
```
#37c4db
```
#37c4db rgb(55,196,219)
```
#2ecbe4
```
#2ecbe4 rgb(46,203,228)
```
#25d1ed
```
#25d1ed rgb(37,209,237)
```
#1bd8f7
```
#1bd8f7 rgb(27,216,247)
```

Tone Color Variation

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

Dichromacy

#a1a2b3 Protanopia 1% of men
#a3a0bf Deuteranopia 1% of men
#63aebb Tritanopia 0.001% of the population

Trichromacy

#87a5b4 Protanomaly 1% of men, 0.01% of women
#89a3bc Deuteranomaly 6% of men, 0.4% of women
#60acb9 Tritanomaly 0.01% of the population

#5baab7 hex color

#5baab7 Color Information

#5baab7 Color Conversion

Color Schemes with #5baab7

Alternatives to #5baab7

#5baab7 Preview

Shades and Tints of #5baab7

Tones of #5baab7

Color Blindness Simulator