#5baebd hex color

In a RGB color space, hex #5baebd is composed of 35.7% red, 68.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 7.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 189.2 degrees, a saturation of 42.6% and a lightness of 54.9%. #5baebd color hex could be obtained by blending #b6ffff with #005d7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 68
- B 74
RGB color chart
- C 52
- M 8
- Y 0
- K 26
CMYK color chart

● #5baebd color description : Moderate cyan.

The hexadecimal color #5baebd has RGB values of R:91, G:174, B:189 and CMYK values of C:0.52, M:0.08, Y:0, K:0.26. Its decimal value is 6008509.

Hex triplet	5baebd	`#5baebd`
RGB Decimal	91, 174, 189	`rgb(91,174,189)`
RGB Percent	35.7, 68.2, 74.1	`rgb(35.7%,68.2%,74.1%)`
CMYK	52, 8, 0, 26
HSL	189.2°, 42.6, 54.9	`hsl(189.2,42.6%,54.9%)`
HSV (or HSB)	189.2°, 51.9, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.648, -21.061, -15.434
XYZ	28.633, 36.168, 53.614
xyY	0.242, 0.305, 36.168
CIE-LCH	66.648, 26.111, 216.235
CIE-LUV	66.648, -35.848, -20.485
Hunter-Lab	60.14, -20.26, -10.758
Binary	01011011, 10101110, 10111101

#5baebd
```
#5baebd rgb(91,174,189)
```
#bd6a5b
```
#bd6a5b rgb(189,106,91)
```

Complementary Color

#5bbd9b
```
#5bbd9b rgb(91,189,155)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#5b7dbd
```
#5b7dbd rgb(91,125,189)
```

Analogous Color

#bd9b5b
```
#bd9b5b rgb(189,155,91)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#bd5b7d
```
#bd5b7d rgb(189,91,125)
```

Split Complementary Color

#aebd5b
```
#aebd5b rgb(174,189,91)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#bd5bae
```
#bd5bae rgb(189,91,174)
```

Triadic Color

#5bbd6a
```
#5bbd6a rgb(91,189,106)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#bd5bae
```
#bd5bae rgb(189,91,174)
```
#bd6a5b
```
#bd6a5b rgb(189,106,91)
```

Tetradic Color

#3a8491
```
#3a8491 rgb(58,132,145)
```
#4294a3
```
#4294a3 rgb(66,148,163)
```
#49a5b5
```
#49a5b5 rgb(73,165,181)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#6db7c4
```
#6db7c4 rgb(109,183,196)
```
#7fc0cc
```
#7fc0cc rgb(127,192,204)
```
#92c9d3
```
#92c9d3 rgb(146,201,211)
```

Monochromatic Color

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

#5bbdb4
```
#5bbdb4 rgb(91,189,180)
```
#5bbdbc
```
#5bbdbc rgb(91,189,188)
```
#5bb6bd
```
#5bb6bd rgb(91,182,189)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#5ba6bd
```
#5ba6bd rgb(91,166,189)
```
#5b9ebd
```
#5b9ebd rgb(91,158,189)
```
#5b96bd
```
#5b96bd rgb(91,150,189)
```

Similar Colors

Text with hexadecimal color #5baebd

This text has a font color of #5baebd.

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

#5baebd background color

This paragraph has a background color of #5baebd.

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

#5baebd border color

This element has a border color of #5baebd.

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

CSS codes

.text {color:#5baebd;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#071012
```
#071012 rgb(7,16,18)
```
#0d1d20
```
#0d1d20 rgb(13,29,32)
```
#122a2e
```
#122a2e rgb(18,42,46)
```
#18363c
```
#18363c rgb(24,54,60)
```
#1e434a
```
#1e434a rgb(30,67,74)
```
#235058
```
#235058 rgb(35,80,88)
```
#295c66
```
#295c66 rgb(41,92,102)
```
#2f6974
```
#2f6974 rgb(47,105,116)
```
#347682
```
#347682 rgb(52,118,130)
```
#3a8390
```
#3a8390 rgb(58,131,144)
```
#3f8f9e
```
#3f8f9e rgb(63,143,158)
```
#459cac
```
#459cac rgb(69,156,172)
```

Shade Color Variation

#4da7b7
```
#4da7b7 rgb(77,167,183)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#69b5c3
```
#69b5c3 rgb(105,181,195)
```
#77bcc8
```
#77bcc8 rgb(119,188,200)
```
#85c3ce
```
#85c3ce rgb(133,195,206)
```
#93cad4
```
#93cad4 rgb(147,202,212)
```
#a1d1d9
```
#a1d1d9 rgb(161,209,217)
```
#afd7df
```
#afd7df rgb(175,215,223)
```
#bddee4
```
#bddee4 rgb(189,222,228)
```
#cbe5ea
```
#cbe5ea rgb(203,229,234)
```
#d9ecf0
```
#d9ecf0 rgb(217,236,240)
```
#e7f3f5
```
#e7f3f5 rgb(231,243,245)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#878f91
```
#878f91 rgb(135,143,145)
```
#7e959a
```
#7e959a rgb(126,149,154)
```
#769ca2
```
#769ca2 rgb(118,156,162)
```
#6da2ab
```
#6da2ab rgb(109,162,171)
```
#64a8b4
```
#64a8b4 rgb(100,168,180)
```
#5baebd
```
#5baebd rgb(91,174,189)
```
#52b4c6
```
#52b4c6 rgb(82,180,198)
```
#49bacf
```
#49bacf rgb(73,186,207)
```
#40c0d8
```
#40c0d8 rgb(64,192,216)
```
#38c7e0
```
#38c7e0 rgb(56,199,224)
```
#2fcde9
```
#2fcde9 rgb(47,205,233)
```
#26d3f2
```
#26d3f2 rgb(38,211,242)
```
#1dd9fb
```
#1dd9fb rgb(29,217,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a5b9 Protanopia 1% of men
#a6a3c5 Deuteranopia 1% of men
#63b2bf Tritanopia 0.001% of the population

Trichromacy

#89a8ba Protanomaly 1% of men, 0.01% of women
#8aa7c2 Deuteranomaly 6% of men, 0.4% of women
#60b0be Tritanomaly 0.01% of the population

#5baebd hex color

#5baebd Color Information

#5baebd Color Conversion

Color Schemes with #5baebd

Alternatives to #5baebd

#5baebd Preview

Shades and Tints of #5baebd

Tones of #5baebd

Color Blindness Simulator