#5baaef hex color

In a RGB color space, hex #5baaef is composed of 35.7% red, 66.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 28.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 208 degrees, a saturation of 82.2% and a lightness of 64.7%. #5baaef color hex could be obtained by blending #b6ffff with #0055df. Closest websafe color is: #6699ff.

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

● #5baaef color description : Soft blue.

The hexadecimal color #5baaef has RGB values of R:91, G:170, B:239 and CMYK values of C:0.62, M:0.29, Y:0, K:0.06. Its decimal value is 6007535.

Hex triplet	5baaef	`#5baaef`
RGB Decimal	91, 170, 239	`rgb(91,170,239)`
RGB Percent	35.7, 66.7, 93.7	`rgb(35.7%,66.7%,93.7%)`
CMYK	62, 29, 0, 6
HSL	208°, 82.2, 64.7	`hsl(208,82.2%,64.7%)`
HSV (or HSB)	208°, 61.9, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.429, -3.752, -41.767
XYZ	34.265, 37.203, 87.032
xyY	0.216, 0.235, 37.203
CIE-LCH	67.429, 41.935, 264.867
CIE-LUV	67.429, -32.64, -66.614
Hunter-Lab	60.994, -6.463, -41.904
Binary	01011011, 10101010, 11101111

#5baaef
```
#5baaef rgb(91,170,239)
```
#efa05b
```
#efa05b rgb(239,160,91)
```

Complementary Color

#5befea
```
#5befea rgb(91,239,234)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#5b60ef
```
#5b60ef rgb(91,96,239)
```

Analogous Color

#efea5b
```
#efea5b rgb(239,234,91)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#ef5b60
```
#ef5b60 rgb(239,91,96)
```

Split Complementary Color

#aaef5b
```
#aaef5b rgb(170,239,91)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#ef5baa
```
#ef5baa rgb(239,91,170)
```

Triadic Color

#5befa0
```
#5befa0 rgb(91,239,160)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#ef5baa
```
#ef5baa rgb(239,91,170)
```
#efa05b
```
#efa05b rgb(239,160,91)
```

Tetradic Color

#1786e7
```
#1786e7 rgb(23,134,231)
```
#2d92ea
```
#2d92ea rgb(45,146,234)
```
#449eed
```
#449eed rgb(68,158,237)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#72b6f1
```
#72b6f1 rgb(114,182,241)
```
#89c2f4
```
#89c2f4 rgb(137,194,244)
```
#a1cef6
```
#a1cef6 rgb(161,206,246)
```

Monochromatic Color

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

#5bcfef
```
#5bcfef rgb(91,207,239)
```
#5bc3ef
```
#5bc3ef rgb(91,195,239)
```
#5bb6ef
```
#5bb6ef rgb(91,182,239)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#5b9eef
```
#5b9eef rgb(91,158,239)
```
#5b91ef
```
#5b91ef rgb(91,145,239)
```
#5b85ef
```
#5b85ef rgb(91,133,239)
```

Similar Colors

Text with hexadecimal color #5baaef

This text has a font color of #5baaef.

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

#5baaef background color

This paragraph has a background color of #5baaef.

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

#5baaef border color

This element has a border color of #5baaef.

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

CSS codes

.text {color:#5baaef;}

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

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

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, #01090f is the darkest color, while #fcfdff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#031321
```
#031321 rgb(3,19,33)
```
#051d32
```
#051d32 rgb(5,29,50)
```
#072844
```
#072844 rgb(7,40,68)
```
#083256
```
#083256 rgb(8,50,86)
```
#0a3c68
```
#0a3c68 rgb(10,60,104)
```
#0c477a
```
#0c477a rgb(12,71,122)
```
#0e518c
```
#0e518c rgb(14,81,140)
```
#0f5b9e
```
#0f5b9e rgb(15,91,158)
```
#1166b0
```
#1166b0 rgb(17,102,176)
```
#1370c1
```
#1370c1 rgb(19,112,193)
```
#157ad3
```
#157ad3 rgb(21,122,211)
```
#1685e5
```
#1685e5 rgb(22,133,229)
```

Shade Color Variation

#258eea
```
#258eea rgb(37,142,234)
```
#3797ec
```
#3797ec rgb(55,151,236)
```
#49a1ed
```
#49a1ed rgb(73,161,237)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#6db3f1
```
#6db3f1 rgb(109,179,241)
```
#7fbdf2
```
#7fbdf2 rgb(127,189,242)
```
#91c6f4
```
#91c6f4 rgb(145,198,244)
```
#a2cff6
```
#a2cff6 rgb(162,207,246)
```
#b4d8f8
```
#b4d8f8 rgb(180,216,248)
```
#c6e2f9
```
#c6e2f9 rgb(198,226,249)
```
#d8ebfb
```
#d8ebfb rgb(216,235,251)
```
#eaf4fd
```
#eaf4fd rgb(234,244,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a0a5aa
```
#a0a5aa rgb(160,165,170)
```
#99a6b1
```
#99a6b1 rgb(153,166,177)
```
#92a6b8
```
#92a6b8 rgb(146,166,184)
```
#8ba7bf
```
#8ba7bf rgb(139,167,191)
```
#85a7c5
```
#85a7c5 rgb(133,167,197)
```
#7ea8cc
```
#7ea8cc rgb(126,168,204)
```
#77a8d3
```
#77a8d3 rgb(119,168,211)
```
#70a9da
```
#70a9da rgb(112,169,218)
```
#69a9e1
```
#69a9e1 rgb(105,169,225)
```
#62aae8
```
#62aae8 rgb(98,170,232)
```
#5baaef
```
#5baaef rgb(91,170,239)
```
#54aaf6
```
#54aaf6 rgb(84,170,246)
```
#4dabfd
```
#4dabfd rgb(77,171,253)
```

Tone Color Variation

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

#91a6ea Protanopia 1% of men
#85a8f2 Deuteranopia 1% of men
#47b7c4 Tritanopia 0.001% of the population

Trichromacy

#7da7eb Protanomaly 1% of men, 0.01% of women
#76a8f1 Deuteranomaly 6% of men, 0.4% of women
#4eb2d4 Tritanomaly 0.01% of the population

#5baaef hex color

#5baaef Color Information

#5baaef Color Conversion

Color Schemes with #5baaef

Alternatives to #5baaef

#5baaef Preview

Shades and Tints of #5baaef

Tones of #5baaef

Color Blindness Simulator