#5bb3f5 hex color

In a RGB color space, hex #5bb3f5 is composed of 35.7% red, 70.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 26.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 205.7 degrees, a saturation of 88.5% and a lightness of 65.9%. #5bb3f5 color hex could be obtained by blending #b6ffff with #0067eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 70
- B 96
RGB color chart
- C 63
- M 27
- Y 0
- K 4
CMYK color chart

● #5bb3f5 color description : Soft blue.

The hexadecimal color #5bb3f5 has RGB values of R:91, G:179, B:245 and CMYK values of C:0.63, M:0.27, Y:0, K:0.04. Its decimal value is 6009845.

Hex triplet	5bb3f5	`#5bb3f5`
RGB Decimal	91, 179, 245	`rgb(91,179,245)`
RGB Percent	35.7, 70.2, 96.1	`rgb(35.7%,70.2%,96.1%)`
CMYK	63, 27, 0, 4
HSL	205.7°, 88.5, 65.9	`hsl(205.7,88.5%,65.9%)`
HSV (or HSB)	205.7°, 62.9, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.214, -6.819, -40.679
XYZ	36.912, 41.054, 92.36
xyY	0.217, 0.241, 41.054
CIE-LCH	70.214, 41.247, 260.484
CIE-LUV	70.214, -35.64, -64.766
Hunter-Lab	64.074, -9.297, -40.613
Binary	01011011, 10110011, 11110101

#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#f59d5b
```
#f59d5b rgb(245,157,91)
```

Complementary Color

#5bf5ea
```
#5bf5ea rgb(91,245,234)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#5b66f5
```
#5b66f5 rgb(91,102,245)
```

Analogous Color

#f5ea5b
```
#f5ea5b rgb(245,234,91)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#f55b66
```
#f55b66 rgb(245,91,102)
```

Split Complementary Color

#b3f55b
```
#b3f55b rgb(179,245,91)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#f55bb3
```
#f55bb3 rgb(245,91,179)
```

Triadic Color

#5bf59d
```
#5bf59d rgb(91,245,157)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#f55bb3
```
#f55bb3 rgb(245,91,179)
```
#f59d5b
```
#f59d5b rgb(245,157,91)
```

Tetradic Color

#1392f1
```
#1392f1 rgb(19,146,241)
```
#2b9df2
```
#2b9df2 rgb(43,157,242)
```
#43a8f4
```
#43a8f4 rgb(67,168,244)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#73bef6
```
#73bef6 rgb(115,190,246)
```
#8bc9f8
```
#8bc9f8 rgb(139,201,248)
```
#a3d4f9
```
#a3d4f9 rgb(163,212,249)
```

Monochromatic Color

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

#5bdaf5
```
#5bdaf5 rgb(91,218,245)
```
#5bcdf5
```
#5bcdf5 rgb(91,205,245)
```
#5bc0f5
```
#5bc0f5 rgb(91,192,245)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#5ba6f5
```
#5ba6f5 rgb(91,166,245)
```
#5b99f5
```
#5b99f5 rgb(91,153,245)
```
#5b8df5
```
#5b8df5 rgb(91,141,245)
```

Similar Colors

Text with hexadecimal color #5bb3f5

This text has a font color of #5bb3f5.

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

#5bb3f5 background color

This paragraph has a background color of #5bb3f5.

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

#5bb3f5 border color

This element has a border color of #5bb3f5.

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

CSS codes

.text {color:#5bb3f5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010c15
```
#010c15 rgb(1,12,21)
```
#021827
```
#021827 rgb(2,24,39)
```
#04233a
```
#04233a rgb(4,35,58)
```
#052e4c
```
#052e4c rgb(5,46,76)
```
#06395f
```
#06395f rgb(6,57,95)
```
#074471
```
#074471 rgb(7,68,113)
```
#084f84
```
#084f84 rgb(8,79,132)
```
#095a96
```
#095a96 rgb(9,90,150)
```
#0a65a9
```
#0a65a9 rgb(10,101,169)
```
#0b70bb
```
#0b70bb rgb(11,112,187)
```
#0d7bce
```
#0d7bce rgb(13,123,206)
```
#0e86e0
```
#0e86e0 rgb(14,134,224)
```

Shade Color Variation

#1191f0
```
#1191f0 rgb(17,145,240)
```
#2499f2
```
#2499f2 rgb(36,153,242)
```
#36a2f3
```
#36a2f3 rgb(54,162,243)
```
#49aaf4
```
#49aaf4 rgb(73,170,244)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#6dbcf6
```
#6dbcf6 rgb(109,188,246)
```
#80c4f7
```
#80c4f7 rgb(128,196,247)
```
#92cdf8
```
#92cdf8 rgb(146,205,248)
```
#a5d5fa
```
#a5d5fa rgb(165,213,250)
```
#b7defb
```
#b7defb rgb(183,222,251)
```
#cae6fc
```
#cae6fc rgb(202,230,252)
```
#dceffd
```
#dceffd rgb(220,239,253)
```
#eff8fe
```
#eff8fe rgb(239,248,254)
```

Tint Color Variation

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

#a5a8ab
```
#a5a8ab rgb(165,168,171)
```
#9ea9b2
```
#9ea9b2 rgb(158,169,178)
```
#97aab9
```
#97aab9 rgb(151,170,185)
```
#91abbf
```
#91abbf rgb(145,171,191)
```
#8aacc6
```
#8aacc6 rgb(138,172,198)
```
#83adcd
```
#83adcd rgb(131,173,205)
```
#7caed4
```
#7caed4 rgb(124,174,212)
```
#76afda
```
#76afda rgb(118,175,218)
```
#6fb0e1
```
#6fb0e1 rgb(111,176,225)
```
#68b1e8
```
#68b1e8 rgb(104,177,232)
```
#62b2ee
```
#62b2ee rgb(98,178,238)
```
#5bb3f5
```
#5bb3f5 rgb(91,179,245)
```
#54b4fc
```
#54b4fc rgb(84,180,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aadee Protanopia 1% of men
#8faef8 Deuteranopia 1% of men
#48bfcd Tritanopia 0.001% of the population

Trichromacy

#83aff1 Protanomaly 1% of men, 0.01% of women
#7cb0f7 Deuteranomaly 6% of men, 0.4% of women
#4ebadb Tritanomaly 0.01% of the population

#5bb3f5 hex color

#5bb3f5 Color Information

#5bb3f5 Color Conversion

Color Schemes with #5bb3f5

Alternatives to #5bb3f5

#5bb3f5 Preview

Shades and Tints of #5bb3f5

Tones of #5bb3f5

Color Blindness Simulator