#5baed9 hex color

In a RGB color space, hex #5baed9 is composed of 35.7% red, 68.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 19.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 200.5 degrees, a saturation of 62.4% and a lightness of 60.4%. #5baed9 color hex could be obtained by blending #b6ffff with #005db3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 68
- B 85
RGB color chart
- C 58
- M 20
- Y 0
- K 15
CMYK color chart

● #5baed9 color description : Soft blue.

The hexadecimal color #5baed9 has RGB values of R:91, G:174, B:217 and CMYK values of C:0.58, M:0.2, Y:0, K:0.15. Its decimal value is 6008537.

Hex triplet	5baed9	`#5baed9`
RGB Decimal	91, 174, 217	`rgb(91,174,217)`
RGB Percent	35.7, 68.2, 85.1	`rgb(35.7%,68.2%,85.1%)`
CMYK	58, 20, 0, 15
HSL	200.5°, 62.4, 60.4	`hsl(200.5,62.4%,60.4%)`
HSV (or HSB)	200.5°, 58.1, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.653, -12.842, -29.362
XYZ	31.972, 37.504, 71.196
xyY	0.227, 0.267, 37.504
CIE-LCH	67.653, 32.047, 246.377
CIE-LUV	67.653, -34.816, -44.552
Hunter-Lab	61.24, -13.981, -26.06
Binary	01011011, 10101110, 11011001

#5baed9
```
#5baed9 rgb(91,174,217)
```
#d9865b
```
#d9865b rgb(217,134,91)
```

Complementary Color

#5bd9c5
```
#5bd9c5 rgb(91,217,197)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#5b6fd9
```
#5b6fd9 rgb(91,111,217)
```

Analogous Color

#d9c55b
```
#d9c55b rgb(217,197,91)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#d95b6f
```
#d95b6f rgb(217,91,111)
```

Split Complementary Color

#aed95b
```
#aed95b rgb(174,217,91)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#d95bae
```
#d95bae rgb(217,91,174)
```

Triadic Color

#5bd986
```
#5bd986 rgb(91,217,134)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#d95bae
```
#d95bae rgb(217,91,174)
```
#d9865b
```
#d9865b rgb(217,134,91)
```

Tetradic Color

#2c8bbc
```
#2c8bbc rgb(44,139,188)
```
#329acf
```
#329acf rgb(50,154,207)
```
#46a4d4
```
#46a4d4 rgb(70,164,212)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#70b8de
```
#70b8de rgb(112,184,222)
```
#84c2e3
```
#84c2e3 rgb(132,194,227)
```
#99cde7
```
#99cde7 rgb(153,205,231)
```

Monochromatic Color

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

#5bced9
```
#5bced9 rgb(91,206,217)
```
#5bc3d9
```
#5bc3d9 rgb(91,195,217)
```
#5bb9d9
```
#5bb9d9 rgb(91,185,217)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#5ba4d9
```
#5ba4d9 rgb(91,164,217)
```
#5b99d9
```
#5b99d9 rgb(91,153,217)
```
#5b8fd9
```
#5b8fd9 rgb(91,143,217)
```

Similar Colors

Text with hexadecimal color #5baed9

This text has a font color of #5baed9.

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

#5baed9 background color

This paragraph has a background color of #5baed9.

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

#5baed9 border color

This element has a border color of #5baed9.

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

CSS codes

.text {color:#5baed9;}

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

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

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, #03080b is the darkest color, while #fafdfe is the lightest one.

#03080b
```
#03080b rgb(3,8,11)
```
#06141b
```
#06141b rgb(6,20,27)
```
#0a202b
```
#0a202b rgb(10,32,43)
```
#0e2b3b
```
#0e2b3b rgb(14,43,59)
```
#11374b
```
#11374b rgb(17,55,75)
```
#15435b
```
#15435b rgb(21,67,91)
```
#194f6b
```
#194f6b rgb(25,79,107)
```
#1c5a7b
```
#1c5a7b rgb(28,90,123)
```
#20668b
```
#20668b rgb(32,102,139)
```
#24729b
```
#24729b rgb(36,114,155)
```
#277eaa
```
#277eaa rgb(39,126,170)
```
#2b89ba
```
#2b89ba rgb(43,137,186)
```
#2f95ca
```
#2f95ca rgb(47,149,202)
```

Shade Color Variation

#3b9ed2
```
#3b9ed2 rgb(59,158,210)
```
#4ba6d5
```
#4ba6d5 rgb(75,166,213)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#6bb6dd
```
#6bb6dd rgb(107,182,221)
```
#7bbee0
```
#7bbee0 rgb(123,190,224)
```
#8bc6e4
```
#8bc6e4 rgb(139,198,228)
```
#9bcde8
```
#9bcde8 rgb(155,205,232)
```
#abd5eb
```
#abd5eb rgb(171,213,235)
```
#bbddef
```
#bbddef rgb(187,221,239)
```
#cae5f3
```
#cae5f3 rgb(202,229,243)
```
#daedf7
```
#daedf7 rgb(218,237,247)
```
#eaf5fa
```
#eaf5fa rgb(234,245,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9b is the less saturated color, while #3cb8f8 is the most saturated one.

#999a9b
```
#999a9b rgb(153,154,155)
```
#919da3
```
#919da3 rgb(145,157,163)
```
#8a9faa
```
#8a9faa rgb(138,159,170)
```
#82a2b2
```
#82a2b2 rgb(130,162,178)
```
#7aa4ba
```
#7aa4ba rgb(122,164,186)
```
#72a7c2
```
#72a7c2 rgb(114,167,194)
```
#6ba9c9
```
#6ba9c9 rgb(107,169,201)
```
#63acd1
```
#63acd1 rgb(99,172,209)
```
#5baed9
```
#5baed9 rgb(91,174,217)
```
#53b0e1
```
#53b0e1 rgb(83,176,225)
```
#4bb3e9
```
#4bb3e9 rgb(75,179,233)
```
#44b5f0
```
#44b5f0 rgb(68,181,240)
```
#3cb8f8
```
#3cb8f8 rgb(60,184,248)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8d9ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da7d4 Protanopia 1% of men
#98a7df Deuteranopia 1% of men
#57b6c3 Tritanopia 0.001% of the population

Trichromacy

#85aad5 Protanomaly 1% of men, 0.01% of women
#82a9dc Deuteranomaly 6% of men, 0.4% of women
#58b3cb Tritanomaly 0.01% of the population

#5baed9 hex color

#5baed9 Color Information

#5baed9 Color Conversion

Color Schemes with #5baed9

Alternatives to #5baed9

#5baed9 Preview

Shades and Tints of #5baed9

Tones of #5baed9

Color Blindness Simulator