#5babb2 hex color

In a RGB color space, hex #5babb2 is composed of 35.7% red, 67.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 3.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 184.8 degrees, a saturation of 36.1% and a lightness of 52.7%. #5babb2 color hex could be obtained by blending #b6ffff with #005765. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 67
- B 70
RGB color chart
- C 49
- M 4
- Y 0
- K 30
CMYK color chart

● #5babb2 color description : Dark moderate cyan.

The hexadecimal color #5babb2 has RGB values of R:91, G:171, B:178 and CMYK values of C:0.49, M:0.04, Y:0, K:0.3. Its decimal value is 6007730.

Hex triplet	5babb2	`#5babb2`
RGB Decimal	91, 171, 178	`rgb(91,171,178)`
RGB Percent	35.7, 67.1, 69.8	`rgb(35.7%,67.1%,69.8%)`
CMYK	49, 4, 0, 30
HSL	184.8°, 36.1, 52.7	`hsl(184.8,36.1%,52.7%)`
HSV (or HSB)	184.8°, 48.9, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.407, -22.569, -11.19
XYZ	26.911, 34.563, 47.37
xyY	0.247, 0.318, 34.563
CIE-LCH	65.407, 25.19, 206.373
CIE-LUV	65.407, -35.081, -13.481
Hunter-Lab	58.79, -21.174, -6.62
Binary	01011011, 10101011, 10110010

#5babb2
```
#5babb2 rgb(91,171,178)
```
#b2625b
```
#b2625b rgb(178,98,91)
```

Complementary Color

#5bb28e
```
#5bb28e rgb(91,178,142)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#5b80b2
```
#5b80b2 rgb(91,128,178)
```

Analogous Color

#b28e5b
```
#b28e5b rgb(178,142,91)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#b25b80
```
#b25b80 rgb(178,91,128)
```

Split Complementary Color

#abb25b
```
#abb25b rgb(171,178,91)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#b25bab
```
#b25bab rgb(178,91,171)
```

Triadic Color

#5bb262
```
#5bb262 rgb(91,178,98)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#b25bab
```
#b25bab rgb(178,91,171)
```
#b2625b
```
#b2625b rgb(178,98,91)
```

Tetradic Color

#3e7d83
```
#3e7d83 rgb(62,125,131)
```
#468e94
```
#468e94 rgb(70,142,148)
```
#4e9fa6
```
#4e9fa6 rgb(78,159,166)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#6cb4ba
```
#6cb4ba rgb(108,180,186)
```
#7ebdc2
```
#7ebdc2 rgb(126,189,194)
```
#8fc6ca
```
#8fc6ca rgb(143,198,202)
```

Monochromatic Color

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

#5bb2a3
```
#5bb2a3 rgb(91,178,163)
```
#5bb2ab
```
#5bb2ab rgb(91,178,171)
```
#5bb2b2
```
#5bb2b2 rgb(91,178,178)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#5ba4b2
```
#5ba4b2 rgb(91,164,178)
```
#5b9db2
```
#5b9db2 rgb(91,157,178)
```
#5b95b2
```
#5b95b2 rgb(91,149,178)
```

Similar Colors

Text with hexadecimal color #5babb2

This text has a font color of #5babb2.

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

#5babb2 background color

This paragraph has a background color of #5babb2.

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

#5babb2 border color

This element has a border color of #5babb2.

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

CSS codes

.text {color:#5babb2;}

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

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

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#0b1617
```
#0b1617 rgb(11,22,23)
```
#112324
```
#112324 rgb(17,35,36)
```
#172f32
```
#172f32 rgb(23,47,50)
```
#1e3c3f
```
#1e3c3f rgb(30,60,63)
```
#24494c
```
#24494c rgb(36,73,76)
```
#2a565a
```
#2a565a rgb(42,86,90)
```
#306367
```
#306367 rgb(48,99,103)
```
#376f74
```
#376f74 rgb(55,111,116)
```
#3d7c82
```
#3d7c82 rgb(61,124,130)
```
#43898f
```
#43898f rgb(67,137,143)
```
#49969c
```
#49969c rgb(73,150,156)
```
#50a2aa
```
#50a2aa rgb(80,162,170)
```

Shade Color Variation

#5babb2
```
#5babb2 rgb(91,171,178)
```
#68b2b8
```
#68b2b8 rgb(104,178,184)
```
#76b9bf
```
#76b9bf rgb(118,185,191)
```
#83c0c5
```
#83c0c5 rgb(131,192,197)
```
#90c6cb
```
#90c6cb rgb(144,198,203)
```
#9ecdd1
```
#9ecdd1 rgb(158,205,209)
```
#abd4d8
```
#abd4d8 rgb(171,212,216)
```
#b8dbde
```
#b8dbde rgb(184,219,222)
```
#c6e2e4
```
#c6e2e4 rgb(198,226,228)
```
#d3e9ea
```
#d3e9ea rgb(211,233,234)
```
#e0eff1
```
#e0eff1 rgb(224,239,241)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c8d is the less saturated color, while #11e9fc is the most saturated one.

#808c8d
```
#808c8d rgb(128,140,141)
```
#779496
```
#779496 rgb(119,148,150)
```
#6e9b9f
```
#6e9b9f rgb(110,155,159)
```
#64a3a9
```
#64a3a9 rgb(100,163,169)
```
#5babb2
```
#5babb2 rgb(91,171,178)
```
#52b3bb
```
#52b3bb rgb(82,179,187)
```
#48bbc5
```
#48bbc5 rgb(72,187,197)
```
#3fc2ce
```
#3fc2ce rgb(63,194,206)
```
#36cad7
```
#36cad7 rgb(54,202,215)
```
#2dd2e0
```
#2dd2e0 rgb(45,210,224)
```
#23daea
```
#23daea rgb(35,218,234)
```
#1ae1f3
```
#1ae1f3 rgb(26,225,243)
```
#11e9fc
```
#11e9fc rgb(17,233,252)
```

Tone Color Variation

Below, you can see how #5babb2 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
#89999a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a2ae Protanopia 1% of men
#a7a0bb Deuteranopia 1% of men
#65aebb Tritanopia 0.001% of the population

Trichromacy

#88a5af Protanomaly 1% of men, 0.01% of women
#8ba4b8 Deuteranomaly 6% of men, 0.4% of women
#61adb7 Tritanomaly 0.01% of the population

#5babb2 hex color

#5babb2 Color Information

#5babb2 Color Conversion

Color Schemes with #5babb2

Alternatives to #5babb2

#5babb2 Preview

Shades and Tints of #5babb2

Tones of #5babb2

Color Blindness Simulator