#5baff3 hex color

In a RGB color space, hex #5baff3 is composed of 35.7% red, 68.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 28% magenta, 0% yellow and 4.7% black. It has a hue angle of 206.8 degrees, a saturation of 86.4% and a lightness of 65.5%. #5baff3 color hex could be obtained by blending #b6ffff with #005fe7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 69
- B 95
RGB color chart
- C 63
- M 28
- Y 0
- K 5
CMYK color chart

● #5baff3 color description : Soft blue.

The hexadecimal color #5baff3 has RGB values of R:91, G:175, B:243 and CMYK values of C:0.63, M:0.28, Y:0, K:0.05. Its decimal value is 6008819.

Hex triplet	5baff3	`#5baff3`
RGB Decimal	91, 175, 243	`rgb(91,175,243)`
RGB Percent	35.7, 68.6, 95.3	`rgb(35.7%,68.6%,95.3%)`
CMYK	63, 28, 0, 5
HSL	206.8°, 86.4, 65.5	`hsl(206.8,86.4%,65.5%)`
HSV (or HSB)	206.8°, 62.6, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.006, -5.252, -41.48
XYZ	35.818, 39.353, 90.497
xyY	0.216, 0.238, 39.353
CIE-LCH	69.006, 41.811, 262.784
CIE-LUV	69.006, -34.288, -66.166
Hunter-Lab	62.732, -7.862, -41.62
Binary	01011011, 10101111, 11110011

#5baff3
```
#5baff3 rgb(91,175,243)
```
#f39f5b
```
#f39f5b rgb(243,159,91)
```

Complementary Color

#5bf3eb
```
#5bf3eb rgb(91,243,235)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#5b63f3
```
#5b63f3 rgb(91,99,243)
```

Analogous Color

#f3eb5b
```
#f3eb5b rgb(243,235,91)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#f35b63
```
#f35b63 rgb(243,91,99)
```

Split Complementary Color

#aff35b
```
#aff35b rgb(175,243,91)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#f35baf
```
#f35baf rgb(243,91,175)
```

Triadic Color

#5bf39f
```
#5bf39f rgb(91,243,159)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#f35baf
```
#f35baf rgb(243,91,175)
```
#f39f5b
```
#f39f5b rgb(243,159,91)
```

Tetradic Color

#148cee
```
#148cee rgb(20,140,238)
```
#2b98f0
```
#2b98f0 rgb(43,152,240)
```
#43a3f1
```
#43a3f1 rgb(67,163,241)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#73bbf5
```
#73bbf5 rgb(115,187,245)
```
#8bc6f6
```
#8bc6f6 rgb(139,198,246)
```
#a2d2f8
```
#a2d2f8 rgb(162,210,248)
```

Monochromatic Color

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

#5bd5f3
```
#5bd5f3 rgb(91,213,243)
```
#5bc8f3
```
#5bc8f3 rgb(91,200,243)
```
#5bbcf3
```
#5bbcf3 rgb(91,188,243)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#5ba2f3
```
#5ba2f3 rgb(91,162,243)
```
#5b96f3
```
#5b96f3 rgb(91,150,243)
```
#5b89f3
```
#5b89f3 rgb(91,137,243)
```

Similar Colors

Text with hexadecimal color #5baff3

This text has a font color of #5baff3.

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

#5baff3 background color

This paragraph has a background color of #5baff3.

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

#5baff3 border color

This element has a border color of #5baff3.

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

CSS codes

.text {color:#5baff3;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#031625
```
#031625 rgb(3,22,37)
```
#042037
```
#042037 rgb(4,32,55)
```
#052b4a
```
#052b4a rgb(5,43,74)
```
#07365c
```
#07365c rgb(7,54,92)
```
#08406e
```
#08406e rgb(8,64,110)
```
#094b80
```
#094b80 rgb(9,75,128)
```
#0b5693
```
#0b5693 rgb(11,86,147)
```
#0c61a5
```
#0c61a5 rgb(12,97,165)
```
#0d6bb7
```
#0d6bb7 rgb(13,107,183)
```
#0f76ca
```
#0f76ca rgb(15,118,202)
```
#1081dc
```
#1081dc rgb(16,129,220)
```

Shade Color Variation

#128bee
```
#128bee rgb(18,139,238)
```
#2494ef
```
#2494ef rgb(36,148,239)
```
#369df0
```
#369df0 rgb(54,157,240)
```
#49a6f2
```
#49a6f2 rgb(73,166,242)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#6db8f4
```
#6db8f4 rgb(109,184,244)
```
#80c1f6
```
#80c1f6 rgb(128,193,246)
```
#92caf7
```
#92caf7 rgb(146,202,247)
```
#a4d3f8
```
#a4d3f8 rgb(164,211,248)
```
#b6dcfa
```
#b6dcfa rgb(182,220,250)
```
#c9e4fb
```
#c9e4fb rgb(201,228,251)
```
#dbedfc
```
#dbedfc rgb(219,237,252)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

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

#a5a7a9
```
#a5a7a9 rgb(165,167,169)
```
#9fa8af
```
#9fa8af rgb(159,168,175)
```
#98a9b6
```
#98a9b6 rgb(152,169,182)
```
#91a9bd
```
#91a9bd rgb(145,169,189)
```
#8aaac4
```
#8aaac4 rgb(138,170,196)
```
#84abca
```
#84abca rgb(132,171,202)
```
#7dabd1
```
#7dabd1 rgb(125,171,209)
```
#76acd8
```
#76acd8 rgb(118,172,216)
```
#6faddf
```
#6faddf rgb(111,173,223)
```
#69aee5
```
#69aee5 rgb(105,174,229)
```
#62aeec
```
#62aeec rgb(98,174,236)
```
#5baff3
```
#5baff3 rgb(91,175,243)
```
#54b0fa
```
#54b0fa rgb(84,176,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaed Protanopia 1% of men
#8aabf6 Deuteranopia 1% of men
#47bbc9 Tritanopia 0.001% of the population

Trichromacy

#80acef Protanomaly 1% of men, 0.01% of women
#79adf5 Deuteranomaly 6% of men, 0.4% of women
#4eb7d8 Tritanomaly 0.01% of the population

#5baff3 hex color

#5baff3 Color Information

#5baff3 Color Conversion

Color Schemes with #5baff3

Alternatives to #5baff3

#5baff3 Preview

Shades and Tints of #5baff3

Tones of #5baff3

Color Blindness Simulator