#5baee6 hex color

In a RGB color space, hex #5baee6 is composed of 35.7% red, 68.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 24.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 204.2 degrees, a saturation of 73.5% and a lightness of 62.9%. #5baee6 color hex could be obtained by blending #b6ffff with #005dcd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 68
- B 90
RGB color chart
- C 60
- M 24
- Y 0
- K 10
CMYK color chart

● #5baee6 color description : Soft blue.

The hexadecimal color #5baee6 has RGB values of R:91, G:174, B:230 and CMYK values of C:0.6, M:0.24, Y:0, K:0.1. Its decimal value is 6008550.

Hex triplet	5baee6	`#5baee6`
RGB Decimal	91, 174, 230	`rgb(91,174,230)`
RGB Percent	35.7, 68.2, 90.2	`rgb(35.7%,68.2%,90.2%)`
CMYK	60, 24, 0, 10
HSL	204.2°, 73.5, 62.9	`hsl(204.2,73.5%,62.9%)`
HSV (or HSB)	204.2°, 60.4, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.173, -8.821, -35.687
XYZ	33.73, 38.207, 80.456
xyY	0.221, 0.251, 38.207
CIE-LCH	68.173, 36.761, 256.116
CIE-LUV	68.173, -34.364, -55.775
Hunter-Lab	61.812, -10.766, -33.905
Binary	01011011, 10101110, 11100110

#5baee6
```
#5baee6 rgb(91,174,230)
```
#e6935b
```
#e6935b rgb(230,147,91)
```

Complementary Color

#5be6d9
```
#5be6d9 rgb(91,230,217)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#5b69e6
```
#5b69e6 rgb(91,105,230)
```

Analogous Color

#e6d95b
```
#e6d95b rgb(230,217,91)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#e65b69
```
#e65b69 rgb(230,91,105)
```

Split Complementary Color

#aee65b
```
#aee65b rgb(174,230,91)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#e65bae
```
#e65bae rgb(230,91,174)
```

Triadic Color

#5be693
```
#5be693 rgb(91,230,147)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#e65bae
```
#e65bae rgb(230,91,174)
```
#e6935b
```
#e6935b rgb(230,147,91)
```

Tetradic Color

#208cd4
```
#208cd4 rgb(32,140,212)
```
#2f98df
```
#2f98df rgb(47,152,223)
```
#45a3e3
```
#45a3e3 rgb(69,163,227)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#71b9e9
```
#71b9e9 rgb(113,185,233)
```
#87c4ed
```
#87c4ed rgb(135,196,237)
```
#9dcff0
```
#9dcff0 rgb(157,207,240)
```

Monochromatic Color

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

#5bd1e6
```
#5bd1e6 rgb(91,209,230)
```
#5bc5e6
```
#5bc5e6 rgb(91,197,230)
```
#5bbae6
```
#5bbae6 rgb(91,186,230)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#5ba2e6
```
#5ba2e6 rgb(91,162,230)
```
#5b97e6
```
#5b97e6 rgb(91,151,230)
```
#5b8be6
```
#5b8be6 rgb(91,139,230)
```

Similar Colors

Text with hexadecimal color #5baee6

This text has a font color of #5baee6.

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

#5baee6 background color

This paragraph has a background color of #5baee6.

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

#5baee6 border color

This element has a border color of #5baee6.

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

CSS codes

.text {color:#5baee6;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#040f17
```
#040f17 rgb(4,15,23)
```
#061b28
```
#061b28 rgb(6,27,40)
```
#092639
```
#092639 rgb(9,38,57)
```
#0b314a
```
#0b314a rgb(11,49,74)
```
#0e3c5b
```
#0e3c5b rgb(14,60,91)
```
#11476c
```
#11476c rgb(17,71,108)
```
#13537d
```
#13537d rgb(19,83,125)
```
#165e8e
```
#165e8e rgb(22,94,142)
```
#18699f
```
#18699f rgb(24,105,159)
```
#1b74b0
```
#1b74b0 rgb(27,116,176)
```
#1d7fc1
```
#1d7fc1 rgb(29,127,193)
```
#208bd2
```
#208bd2 rgb(32,139,210)
```

Shade Color Variation

#2895de
```
#2895de rgb(40,149,222)
```
#399de1
```
#399de1 rgb(57,157,225)
```
#4aa6e3
```
#4aa6e3 rgb(74,166,227)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#6cb6e9
```
#6cb6e9 rgb(108,182,233)
```
#7dbfeb
```
#7dbfeb rgb(125,191,235)
```
#8ec7ee
```
#8ec7ee rgb(142,199,238)
```
#9fd0f0
```
#9fd0f0 rgb(159,208,240)
```
#b0d8f3
```
#b0d8f3 rgb(176,216,243)
```
#c1e0f6
```
#c1e0f6 rgb(193,224,246)
```
#d2e9f8
```
#d2e9f8 rgb(210,233,248)
```
#e3f1fb
```
#e3f1fb rgb(227,241,251)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca1a5 is the less saturated color, while #45b2fc is the most saturated one.

#9ca1a5
```
#9ca1a5 rgb(156,161,165)
```
#95a3ac
```
#95a3ac rgb(149,163,172)
```
#8ea4b3
```
#8ea4b3 rgb(142,164,179)
```
#87a6ba
```
#87a6ba rgb(135,166,186)
```
#7fa7c2
```
#7fa7c2 rgb(127,167,194)
```
#78a8c9
```
#78a8c9 rgb(120,168,201)
```
#71aad0
```
#71aad0 rgb(113,170,208)
```
#6aabd7
```
#6aabd7 rgb(106,171,215)
```
#62addf
```
#62addf rgb(98,173,223)
```
#5baee6
```
#5baee6 rgb(91,174,230)
```
#54afed
```
#54afed rgb(84,175,237)
```
#4cb1f5
```
#4cb1f5 rgb(76,177,245)
```
#45b2fc
```
#45b2fc rgb(69,178,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8fa0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a8e0 Protanopia 1% of men
#91a9ea Deuteranopia 1% of men
#4fb8c6 Tritanopia 0.001% of the population

Trichromacy

#82aae2 Protanomaly 1% of men, 0.01% of women
#7dabe9 Deuteranomaly 6% of men, 0.4% of women
#53b4d1 Tritanomaly 0.01% of the population

#5baee6 hex color

#5baee6 Color Information

#5baee6 Color Conversion

Color Schemes with #5baee6

Alternatives to #5baee6

#5baee6 Preview

Shades and Tints of #5baee6

Tones of #5baee6

Color Blindness Simulator