#5bcaf3 hex color

In a RGB color space, hex #5bcaf3 is composed of 35.7% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 196.2 degrees, a saturation of 86.4% and a lightness of 65.5%. #5bcaf3 color hex could be obtained by blending #b6ffff with #0095e7. Closest websafe color is: #66ccff.

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

● #5bcaf3 color description : Soft blue.

The hexadecimal color #5bcaf3 has RGB values of R:91, G:202, B:243 and CMYK values of C:0.63, M:0.17, Y:0, K:0.05. Its decimal value is 6015731.

Hex triplet	5bcaf3	`#5bcaf3`
RGB Decimal	91, 202, 243	`rgb(91,202,243)`
RGB Percent	35.7, 79.2, 95.3	`rgb(35.7%,79.2%,95.3%)`
CMYK	63, 17, 0, 5
HSL	196.2°, 86.4, 65.5	`hsl(196.2,86.4%,65.5%)`
HSV (or HSB)	196.2°, 62.6, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.638, -19.653, -29.648
XYZ	41.608, 50.933, 92.427
xyY	0.225, 0.275, 50.933
CIE-LCH	76.638, 35.57, 236.46
CIE-LUV	76.638, -43.982, -44.859
Hunter-Lab	71.367, -20.825, -26.829
Binary	01011011, 11001010, 11110011

#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#f3845b
```
#f3845b rgb(243,132,91)
```

Complementary Color

#5bf3d0
```
#5bf3d0 rgb(91,243,208)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#5b7ef3
```
#5b7ef3 rgb(91,126,243)
```

Analogous Color

#f3d05b
```
#f3d05b rgb(243,208,91)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#f35b7e
```
#f35b7e rgb(243,91,126)
```

Split Complementary Color

#caf35b
```
#caf35b rgb(202,243,91)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#f35bca
```
#f35bca rgb(243,91,202)
```

Triadic Color

#5bf384
```
#5bf384 rgb(91,243,132)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#f35bca
```
#f35bca rgb(243,91,202)
```
#f3845b
```
#f3845b rgb(243,132,91)
```

Tetradic Color

#14b3ee
```
#14b3ee rgb(20,179,238)
```
#2bbbf0
```
#2bbbf0 rgb(43,187,240)
```
#43c2f1
```
#43c2f1 rgb(67,194,241)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#73d2f5
```
#73d2f5 rgb(115,210,245)
```
#8bd9f6
```
#8bd9f6 rgb(139,217,246)
```
#a2e1f8
```
#a2e1f8 rgb(162,225,248)
```

Monochromatic Color

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

#5bf0f3
```
#5bf0f3 rgb(91,240,243)
```
#5be3f3
```
#5be3f3 rgb(91,227,243)
```
#5bd7f3
```
#5bd7f3 rgb(91,215,243)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#5bbdf3
```
#5bbdf3 rgb(91,189,243)
```
#5bb1f3
```
#5bb1f3 rgb(91,177,243)
```
#5ba4f3
```
#5ba4f3 rgb(91,164,243)
```

Similar Colors

Text with hexadecimal color #5bcaf3

This text has a font color of #5bcaf3.

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

#5bcaf3 background color

This paragraph has a background color of #5bcaf3.

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

#5bcaf3 border color

This element has a border color of #5bcaf3.

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

CSS codes

.text {color:#5bcaf3;}

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

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

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 #edf9fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#031c25
```
#031c25 rgb(3,28,37)
```
#042a37
```
#042a37 rgb(4,42,55)
```
#05374a
```
#05374a rgb(5,55,74)
```
#07455c
```
#07455c rgb(7,69,92)
```
#08536e
```
#08536e rgb(8,83,110)
```
#096080
```
#096080 rgb(9,96,128)
```
#0b6e93
```
#0b6e93 rgb(11,110,147)
```
#0c7ca5
```
#0c7ca5 rgb(12,124,165)
```
#0d89b7
```
#0d89b7 rgb(13,137,183)
```
#0f97ca
```
#0f97ca rgb(15,151,202)
```
#10a5dc
```
#10a5dc rgb(16,165,220)
```

Shade Color Variation

#12b2ee
```
#12b2ee rgb(18,178,238)
```
#24b8ef
```
#24b8ef rgb(36,184,239)
```
#36bef0
```
#36bef0 rgb(54,190,240)
```
#49c4f2
```
#49c4f2 rgb(73,196,242)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#6dd0f4
```
#6dd0f4 rgb(109,208,244)
```
#80d6f6
```
#80d6f6 rgb(128,214,246)
```
#92dcf7
```
#92dcf7 rgb(146,220,247)
```
#a4e2f8
```
#a4e2f8 rgb(164,226,248)
```
#b6e8fa
```
#b6e8fa rgb(182,232,250)
```
#c9edfb
```
#c9edfb rgb(201,237,251)
```
#dbf3fc
```
#dbf3fc rgb(219,243,252)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9fabaf
```
#9fabaf rgb(159,171,175)
```
#98aeb6
```
#98aeb6 rgb(152,174,182)
```
#91b1bd
```
#91b1bd rgb(145,177,189)
```
#8ab4c4
```
#8ab4c4 rgb(138,180,196)
```
#84b7ca
```
#84b7ca rgb(132,183,202)
```
#7dbad1
```
#7dbad1 rgb(125,186,209)
```
#76bed8
```
#76bed8 rgb(118,190,216)
```
#6fc1df
```
#6fc1df rgb(111,193,223)
```
#69c4e5
```
#69c4e5 rgb(105,196,229)
```
#62c7ec
```
#62c7ec rgb(98,199,236)
```
#5bcaf3
```
#5bcaf3 rgb(91,202,243)
```
#54cdfa
```
#54cdfa rgb(84,205,250)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9db3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5beea Protanopia 1% of men
#b1bdf9 Deuteranopia 1% of men
#56d0df Tritanopia 0.001% of the population

Trichromacy

#94c2ed Protanomaly 1% of men, 0.01% of women
#91c2f7 Deuteranomaly 6% of men, 0.4% of women
#58cee6 Tritanomaly 0.01% of the population

#5bcaf3 hex color

#5bcaf3 Color Information

#5bcaf3 Color Conversion

Color Schemes with #5bcaf3

Alternatives to #5bcaf3

#5bcaf3 Preview

Shades and Tints of #5bcaf3

Tones of #5bcaf3

Color Blindness Simulator