#5baaee hex color

In a RGB color space, hex #5baaee is composed of 35.7% red, 66.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 28.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 207.8 degrees, a saturation of 81.2% and a lightness of 64.5%. #5baaee color hex could be obtained by blending #b6ffff with #0055dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 67
- B 93
RGB color chart
- C 62
- M 29
- Y 0
- K 7
CMYK color chart

● #5baaee color description : Soft blue.

The hexadecimal color #5baaee has RGB values of R:91, G:170, B:238 and CMYK values of C:0.62, M:0.29, Y:0, K:0.07. Its decimal value is 6007534.

Hex triplet	5baaee	`#5baaee`
RGB Decimal	91, 170, 238	`rgb(91,170,238)`
RGB Percent	35.7, 66.7, 93.3	`rgb(35.7%,66.7%,93.3%)`
CMYK	62, 29, 0, 7
HSL	207.8°, 81.2, 64.5	`hsl(207.8,81.2%,64.5%)`
HSV (or HSB)	207.8°, 61.8, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.385, -4.072, -41.29
XYZ	34.118, 37.144, 86.256
xyY	0.217, 0.236, 37.144
CIE-LCH	67.385, 41.49, 264.367
CIE-LUV	67.385, -32.67, -65.759
Hunter-Lab	60.946, -6.73, -41.25
Binary	01011011, 10101010, 11101110

#5baaee
```
#5baaee rgb(91,170,238)
```
#ee9f5b
```
#ee9f5b rgb(238,159,91)
```

Complementary Color

#5beee9
```
#5beee9 rgb(91,238,233)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#5b60ee
```
#5b60ee rgb(91,96,238)
```

Analogous Color

#eee95b
```
#eee95b rgb(238,233,91)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#ee5b61
```
#ee5b61 rgb(238,91,97)
```

Split Complementary Color

#aaee5b
```
#aaee5b rgb(170,238,91)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#ee5baa
```
#ee5baa rgb(238,91,170)
```

Triadic Color

#5bee9f
```
#5bee9f rgb(91,238,159)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#ee5baa
```
#ee5baa rgb(238,91,170)
```
#ee9f5b
```
#ee9f5b rgb(238,159,91)
```

Tetradic Color

#1886e5
```
#1886e5 rgb(24,134,229)
```
#2d92e9
```
#2d92e9 rgb(45,146,233)
```
#449eec
```
#449eec rgb(68,158,236)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#72b6f0
```
#72b6f0 rgb(114,182,240)
```
#89c2f3
```
#89c2f3 rgb(137,194,243)
```
#a0cef5
```
#a0cef5 rgb(160,206,245)
```

Monochromatic Color

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

#5bcfee
```
#5bcfee rgb(91,207,238)
```
#5bc3ee
```
#5bc3ee rgb(91,195,238)
```
#5bb6ee
```
#5bb6ee rgb(91,182,238)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#5b9eee
```
#5b9eee rgb(91,158,238)
```
#5b92ee
```
#5b92ee rgb(91,146,238)
```
#5b85ee
```
#5b85ee rgb(91,133,238)
```

Similar Colors

Text with hexadecimal color #5baaee

This text has a font color of #5baaee.

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

#5baaee background color

This paragraph has a background color of #5baaee.

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

#5baaee border color

This element has a border color of #5baaee.

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

CSS codes

.text {color:#5baaee;}

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

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

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, #01080e is the darkest color, while #fbfdff is the lightest one.

#01080e
```
#01080e rgb(1,8,14)
```
#031220
```
#031220 rgb(3,18,32)
```
#051d31
```
#051d31 rgb(5,29,49)
```
#072743
```
#072743 rgb(7,39,67)
```
#093255
```
#093255 rgb(9,50,85)
```
#0b3c67
```
#0b3c67 rgb(11,60,103)
```
#0c4678
```
#0c4678 rgb(12,70,120)
```
#0e518a
```
#0e518a rgb(14,81,138)
```
#105b9c
```
#105b9c rgb(16,91,156)
```
#1266ae
```
#1266ae rgb(18,102,174)
```
#1470bf
```
#1470bf rgb(20,112,191)
```
#167ad1
```
#167ad1 rgb(22,122,209)
```
#1885e3
```
#1885e3 rgb(24,133,227)
```

Shade Color Variation

#268ee8
```
#268ee8 rgb(38,142,232)
```
#3798ea
```
#3798ea rgb(55,152,234)
```
#49a1ec
```
#49a1ec rgb(73,161,236)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#6db3f0
```
#6db3f0 rgb(109,179,240)
```
#7fbcf2
```
#7fbcf2 rgb(127,188,242)
```
#90c6f4
```
#90c6f4 rgb(144,198,244)
```
#a2cff5
```
#a2cff5 rgb(162,207,245)
```
#b4d8f7
```
#b4d8f7 rgb(180,216,247)
```
#c6e1f9
```
#c6e1f9 rgb(198,225,249)
```
#d7eafb
```
#d7eafb rgb(215,234,251)
```
#e9f4fd
```
#e9f4fd rgb(233,244,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a5a8 is the less saturated color, while #4dabfc is the most saturated one.

#a1a5a8
```
#a1a5a8 rgb(161,165,168)
```
#9aa5af
```
#9aa5af rgb(154,165,175)
```
#93a6b6
```
#93a6b6 rgb(147,166,182)
```
#8ca6bd
```
#8ca6bd rgb(140,166,189)
```
#85a7c4
```
#85a7c4 rgb(133,167,196)
```
#7ea7cb
```
#7ea7cb rgb(126,167,203)
```
#77a8d2
```
#77a8d2 rgb(119,168,210)
```
#70a8d9
```
#70a8d9 rgb(112,168,217)
```
#69a9e0
```
#69a9e0 rgb(105,169,224)
```
#62a9e7
```
#62a9e7 rgb(98,169,231)
```
#5baaee
```
#5baaee rgb(91,170,238)
```
#54abf5
```
#54abf5 rgb(84,171,245)
```
#4dabfc
```
#4dabfc rgb(77,171,252)
```

Tone Color Variation

Below, you can see how #5baaee 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
#8d9dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e9 Protanopia 1% of men
#86a7f1 Deuteranopia 1% of men
#48b7c4 Tritanopia 0.001% of the population

Trichromacy

#7ea7ea Protanomaly 1% of men, 0.01% of women
#76a8f0 Deuteranomaly 6% of men, 0.4% of women
#4eb2d3 Tritanomaly 0.01% of the population

#5baaee hex color

#5baaee Color Information

#5baaee Color Conversion

Color Schemes with #5baaee

Alternatives to #5baaee

#5baaee Preview

Shades and Tints of #5baaee

Tones of #5baaee

Color Blindness Simulator