#5badb7 hex color

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

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

● #5badb7 color description : Moderate cyan.

The hexadecimal color #5badb7 has RGB values of R:91, G:173, B:183 and CMYK values of C:0.5, M:0.05, Y:0, K:0.28. Its decimal value is 6008247.

Hex triplet	5badb7	`#5badb7`
RGB Decimal	91, 173, 183	`rgb(91,173,183)`
RGB Percent	35.7, 67.8, 71.8	`rgb(35.7%,67.8%,71.8%)`
CMYK	50, 5, 0, 28
HSL	186.5°, 39, 53.7	`hsl(186.5,39%,53.7%)`
HSV (or HSB)	186.5°, 50.3, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.158, -22.219, -12.843
XYZ	27.803, 35.528, 50.19
xyY	0.245, 0.313, 35.528
CIE-LCH	66.158, 25.664, 210.03
CIE-LUV	66.158, -35.683, -16.168
Hunter-Lab	59.606, -21.049, -8.2
Binary	01011011, 10101101, 10110111

#5badb7
```
#5badb7 rgb(91,173,183)
```
#b7655b
```
#b7655b rgb(183,101,91)
```

Complementary Color

#5bb793
```
#5bb793 rgb(91,183,147)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#5b7fb7
```
#5b7fb7 rgb(91,127,183)
```

Analogous Color

#b7935b
```
#b7935b rgb(183,147,91)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#b75b7f
```
#b75b7f rgb(183,91,127)
```

Split Complementary Color

#adb75b
```
#adb75b rgb(173,183,91)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#b75bad
```
#b75bad rgb(183,91,173)
```

Triadic Color

#5bb765
```
#5bb765 rgb(91,183,101)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#b75bad
```
#b75bad rgb(183,91,173)
```
#b7655b
```
#b7655b rgb(183,101,91)
```

Tetradic Color

#3c8189
```
#3c8189 rgb(60,129,137)
```
#44929b
```
#44929b rgb(68,146,155)
```
#4ca2ad
```
#4ca2ad rgb(76,162,173)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#6db6bf
```
#6db6bf rgb(109,182,191)
```
#7ebfc7
```
#7ebfc7 rgb(126,191,199)
```
#90c8ce
```
#90c8ce rgb(144,200,206)
```

Monochromatic Color

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

#5bb7aa
```
#5bb7aa rgb(91,183,170)
```
#5bb7b2
```
#5bb7b2 rgb(91,183,178)
```
#5bb5b7
```
#5bb5b7 rgb(91,181,183)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#5ba5b7
```
#5ba5b7 rgb(91,165,183)
```
#5b9eb7
```
#5b9eb7 rgb(91,158,183)
```
#5b96b7
```
#5b96b7 rgb(91,150,183)
```

Similar Colors

Text with hexadecimal color #5badb7

This text has a font color of #5badb7.

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

#5badb7 background color

This paragraph has a background color of #5badb7.

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

#5badb7 border color

This element has a border color of #5badb7.

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

CSS codes

.text {color:#5badb7;}

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

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

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)
```
#122628
```
#122628 rgb(18,38,40)
```
#183336
```
#183336 rgb(24,51,54)
```
#1e4044
```
#1e4044 rgb(30,64,68)
```
#244c51
```
#244c51 rgb(36,76,81)
```
#2a595f
```
#2a595f rgb(42,89,95)
```
#30666d
```
#30666d rgb(48,102,109)
```
#36737a
```
#36737a rgb(54,115,122)
```
#3c8088
```
#3c8088 rgb(60,128,136)
```
#428c96
```
#428c96 rgb(66,140,150)
```
#4899a3
```
#4899a3 rgb(72,153,163)
```
#4ea6b1
```
#4ea6b1 rgb(78,166,177)
```

Shade Color Variation

#5badb7
```
#5badb7 rgb(91,173,183)
```
#69b4bd
```
#69b4bd rgb(105,180,189)
```
#76bbc3
```
#76bbc3 rgb(118,187,195)
```
#84c1c9
```
#84c1c9 rgb(132,193,201)
```
#92c8cf
```
#92c8cf rgb(146,200,207)
```
#9fcfd5
```
#9fcfd5 rgb(159,207,213)
```
#add6db
```
#add6db rgb(173,214,219)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#c8e4e7
```
#c8e4e7 rgb(200,228,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 #1bdff7 is the most saturated one.

#88898a
```
#88898a rgb(136,137,138)
```
#7f9193
```
#7f9193 rgb(127,145,147)
```
#76989c
```
#76989c rgb(118,152,156)
```
#6d9fa5
```
#6d9fa5 rgb(109,159,165)
```
#64a6ae
```
#64a6ae rgb(100,166,174)
```
#5badb7
```
#5badb7 rgb(91,173,183)
```
#52b4c0
```
#52b4c0 rgb(82,180,192)
```
#49bbc9
```
#49bbc9 rgb(73,187,201)
```
#40c2d2
```
#40c2d2 rgb(64,194,210)
```
#37c9db
```
#37c9db rgb(55,201,219)
```
#2ed1e4
```
#2ed1e4 rgb(46,209,228)
```
#25d8ed
```
#25d8ed rgb(37,216,237)
```
#1bdff7
```
#1bdff7 rgb(27,223,247)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a9b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b3 Protanopia 1% of men
#a7a2c0 Deuteranopia 1% of men
#64b0bd Tritanopia 0.001% of the population

Trichromacy

#89a7b4 Protanomaly 1% of men, 0.01% of women
#8ba6bc Deuteranomaly 6% of men, 0.4% of women
#61afbb Tritanomaly 0.01% of the population

#5badb7 hex color

#5badb7 Color Information

#5badb7 Color Conversion

Color Schemes with #5badb7

Alternatives to #5badb7

#5badb7 Preview

Shades and Tints of #5badb7

Tones of #5badb7

Color Blindness Simulator