#5ba3bb hex color

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

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

● #5ba3bb color description : Moderate blue.

The hexadecimal color #5ba3bb has RGB values of R:91, G:163, B:187 and CMYK values of C:0.51, M:0.13, Y:0, K:0.27. Its decimal value is 6005691.

Hex triplet	5ba3bb	`#5ba3bb`
RGB Decimal	91, 163, 187	`rgb(91,163,187)`
RGB Percent	35.7, 63.9, 73.3	`rgb(35.7%,63.9%,73.3%)`
CMYK	51, 13, 0, 27
HSL	195°, 41.4, 54.5	`hsl(195,41.4%,54.5%)`
HSV (or HSB)	195°, 51.3, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.347, -15.868, -19.324
XYZ	26.379, 32.005, 51.798
xyY	0.239, 0.29, 32.005
CIE-LCH	63.347, 25.004, 230.608
CIE-LUV	63.347, -31.634, -27.279
Hunter-Lab	56.573, -15.771, -14.685
Binary	01011011, 10100011, 10111011

#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#bb735b
```
#bb735b rgb(187,115,91)
```

Complementary Color

#5bbba3
```
#5bbba3 rgb(91,187,163)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#5b73bb
```
#5b73bb rgb(91,115,187)
```

Analogous Color

#bba35b
```
#bba35b rgb(187,163,91)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#bb5b73
```
#bb5b73 rgb(187,91,115)
```

Split Complementary Color

#a3bb5b
```
#a3bb5b rgb(163,187,91)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#bb5ba3
```
#bb5ba3 rgb(187,91,163)
```

Triadic Color

#5bbb73
```
#5bbb73 rgb(91,187,115)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#bb5ba3
```
#bb5ba3 rgb(187,91,163)
```
#bb735b
```
#bb735b rgb(187,115,91)
```

Tetradic Color

#3b7a8e
```
#3b7a8e rgb(59,122,142)
```
#4389a0
```
#4389a0 rgb(67,137,160)
```
#4a98b2
```
#4a98b2 rgb(74,152,178)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#6dadc2
```
#6dadc2 rgb(109,173,194)
```
#7fb7ca
```
#7fb7ca rgb(127,183,202)
```
#91c1d1
```
#91c1d1 rgb(145,193,209)
```

Monochromatic Color

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

#5bbbbb
```
#5bbbbb rgb(91,187,187)
```
#5bb3bb
```
#5bb3bb rgb(91,179,187)
```
#5babbb
```
#5babbb rgb(91,171,187)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#5b9bbb
```
#5b9bbb rgb(91,155,187)
```
#5b93bb
```
#5b93bb rgb(91,147,187)
```
#5b8bbb
```
#5b8bbb rgb(91,139,187)
```

Similar Colors

Text with hexadecimal color #5ba3bb

This text has a font color of #5ba3bb.

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

#5ba3bb background color

This paragraph has a background color of #5ba3bb.

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

#5ba3bb border color

This element has a border color of #5ba3bb.

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

CSS codes

.text {color:#5ba3bb;}

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

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

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)
```
#070e10
```
#070e10 rgb(7,14,16)
```
#0c1a1e
```
#0c1a1e rgb(12,26,30)
```
#12262c
```
#12262c rgb(18,38,44)
```
#18313a
```
#18313a rgb(24,49,58)
```
#1e3d48
```
#1e3d48 rgb(30,61,72)
```
#234956
```
#234956 rgb(35,73,86)
```
#295563
```
#295563 rgb(41,85,99)
```
#2f6171
```
#2f6171 rgb(47,97,113)
```
#356d7f
```
#356d7f rgb(53,109,127)
```
#3a788d
```
#3a788d rgb(58,120,141)
```
#40849b
```
#40849b rgb(64,132,155)
```
#4690a9
```
#4690a9 rgb(70,144,169)
```

Shade Color Variation

#4d9bb5
```
#4d9bb5 rgb(77,155,181)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#69abc1
```
#69abc1 rgb(105,171,193)
```
#77b3c6
```
#77b3c6 rgb(119,179,198)
```
#85bacc
```
#85bacc rgb(133,186,204)
```
#92c2d2
```
#92c2d2 rgb(146,194,210)
```
#a0cad8
```
#a0cad8 rgb(160,202,216)
```
#aed2dd
```
#aed2dd rgb(174,210,221)
```
#bcd9e3
```
#bcd9e3 rgb(188,217,227)
```
#cae1e9
```
#cae1e9 rgb(202,225,233)
```
#d8e9ef
```
#d8e9ef rgb(216,233,239)
```
#e6f1f4
```
#e6f1f4 rgb(230,241,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 #1dc2f9 is the most saturated one.

#888d8e
```
#888d8e rgb(136,141,142)
```
#7f9197
```
#7f9197 rgb(127,145,151)
```
#7696a0
```
#7696a0 rgb(118,150,160)
```
#6d9aa9
```
#6d9aa9 rgb(109,154,169)
```
#649fb2
```
#649fb2 rgb(100,159,178)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#52a7c4
```
#52a7c4 rgb(82,167,196)
```
#49accd
```
#49accd rgb(73,172,205)
```
#40b0d6
```
#40b0d6 rgb(64,176,214)
```
#37b5df
```
#37b5df rgb(55,181,223)
```
#2eb9e8
```
#2eb9e8 rgb(46,185,232)
```
#25bef1
```
#25bef1 rgb(37,190,241)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#859499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db8 Protanopia 1% of men
#999bc2 Deuteranopia 1% of men
#5fa9b5 Tritanopia 0.001% of the population

Trichromacy

#829fb9 Protanomaly 1% of men, 0.01% of women
#829ec0 Deuteranomaly 6% of men, 0.4% of women
#5da7b7 Tritanomaly 0.01% of the population

#5ba3bb hex color

#5ba3bb Color Information

#5ba3bb Color Conversion

Color Schemes with #5ba3bb

Alternatives to #5ba3bb

#5ba3bb Preview

Shades and Tints of #5ba3bb

Tones of #5ba3bb

Color Blindness Simulator