#5cb1f7 hex color

In a RGB color space, hex #5cb1f7 is composed of 36.1% red, 69.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 28.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 207.1 degrees, a saturation of 90.6% and a lightness of 66.5%. #5cb1f7 color hex could be obtained by blending #b8ffff with #0063ef. Closest websafe color is: #6699ff.

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

● #5cb1f7 color description : Soft blue.

The hexadecimal color #5cb1f7 has RGB values of R:92, G:177, B:247 and CMYK values of C:0.63, M:0.28, Y:0, K:0.03. Its decimal value is 6074871.

Hex triplet	5cb1f7	`#5cb1f7`
RGB Decimal	92, 177, 247	`rgb(92,177,247)`
RGB Percent	36.1, 69.4, 96.9	`rgb(36.1%,69.4%,96.9%)`
CMYK	63, 28, 0, 3
HSL	207.1°, 90.6, 66.5	`hsl(207.1,90.6%,66.5%)`
HSV (or HSB)	207.1°, 62.8, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.776, -4.906, -42.445
XYZ	36.92, 40.432, 93.849
xyY	0.216, 0.236, 40.432
CIE-LCH	69.776, 42.728, 263.407
CIE-LUV	69.776, -34.63, -67.96
Hunter-Lab	63.586, -7.634, -42.997
Binary	01011100, 10110001, 11110111

#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#f7a25c
```
#f7a25c rgb(247,162,92)
```

Complementary Color

#5cf7f0
```
#5cf7f0 rgb(92,247,240)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#5c64f7
```
#5c64f7 rgb(92,100,247)
```

Analogous Color

#f7f05c
```
#f7f05c rgb(247,240,92)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#f75c64
```
#f75c64 rgb(247,92,100)
```

Split Complementary Color

#b1f75c
```
#b1f75c rgb(177,247,92)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#f75cb1
```
#f75cb1 rgb(247,92,177)
```

Triadic Color

#5cf7a2
```
#5cf7a2 rgb(92,247,162)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#f75cb1
```
#f75cb1 rgb(247,92,177)
```
#f7a25c
```
#f7a25c rgb(247,162,92)
```

Tetradic Color

#138ef3
```
#138ef3 rgb(19,142,243)
```
#2b9af5
```
#2b9af5 rgb(43,154,245)
```
#44a5f6
```
#44a5f6 rgb(68,165,246)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#74bdf8
```
#74bdf8 rgb(116,189,248)
```
#8dc8f9
```
#8dc8f9 rgb(141,200,249)
```
#a5d4fb
```
#a5d4fb rgb(165,212,251)
```

Monochromatic Color

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

#5cd8f7
```
#5cd8f7 rgb(92,216,247)
```
#5ccbf7
```
#5ccbf7 rgb(92,203,247)
```
#5cbef7
```
#5cbef7 rgb(92,190,247)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#5ca4f7
```
#5ca4f7 rgb(92,164,247)
```
#5c97f7
```
#5c97f7 rgb(92,151,247)
```
#5c8af7
```
#5c8af7 rgb(92,138,247)
```

Similar Colors

Text with hexadecimal color #5cb1f7

This text has a font color of #5cb1f7.

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

#5cb1f7 background color

This paragraph has a background color of #5cb1f7.

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

#5cb1f7 border color

This element has a border color of #5cb1f7.

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

CSS codes

.text {color:#5cb1f7;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#02182b
```
#02182b rgb(2,24,43)
```
#03233d
```
#03233d rgb(3,35,61)
```
#042e50
```
#042e50 rgb(4,46,80)
```
#053863
```
#053863 rgb(5,56,99)
```
#064375
```
#064375 rgb(6,67,117)
```
#074e88
```
#074e88 rgb(7,78,136)
```
#08589b
```
#08589b rgb(8,88,155)
```
#0963ae
```
#0963ae rgb(9,99,174)
```
#096ec0
```
#096ec0 rgb(9,110,192)
```
#0a78d3
```
#0a78d3 rgb(10,120,211)
```
#0b83e6
```
#0b83e6 rgb(11,131,230)
```

Shade Color Variation

#118df3
```
#118df3 rgb(17,141,243)
```
#2496f4
```
#2496f4 rgb(36,150,244)
```
#379ff5
```
#379ff5 rgb(55,159,245)
```
#49a8f6
```
#49a8f6 rgb(73,168,246)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#6fbaf8
```
#6fbaf8 rgb(111,186,248)
```
#81c3f9
```
#81c3f9 rgb(129,195,249)
```
#94ccfa
```
#94ccfa rgb(148,204,250)
```
#a7d5fb
```
#a7d5fb rgb(167,213,251)
```
#b9defc
```
#b9defc rgb(185,222,252)
```
#cce7fd
```
#cce7fd rgb(204,231,253)
```
#dff0fd
```
#dff0fd rgb(223,240,253)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#a4aaaf
```
#a4aaaf rgb(164,170,175)
```
#9eabb5
```
#9eabb5 rgb(158,171,181)
```
#97abbc
```
#97abbc rgb(151,171,188)
```
#91acc2
```
#91acc2 rgb(145,172,194)
```
#8aadc9
```
#8aadc9 rgb(138,173,201)
```
#83add0
```
#83add0 rgb(131,173,208)
```
#7daed6
```
#7daed6 rgb(125,174,214)
```
#76aedd
```
#76aedd rgb(118,174,221)
```
#70afe3
```
#70afe3 rgb(112,175,227)
```
#69b0ea
```
#69b0ea rgb(105,176,234)
```
#63b0f0
```
#63b0f0 rgb(99,176,240)
```
#5cb1f7
```
#5cb1f7 rgb(92,177,247)
```
#55b2fe
```
#55b2fe rgb(85,178,254)
```

Tone Color Variation

Below, you can see how #5cb1f7 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
#92a3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97acf1 Protanopia 1% of men
#8aaefa Deuteranopia 1% of men
#46bdcb Tritanopia 0.001% of the population

Trichromacy

#81aef3 Protanomaly 1% of men, 0.01% of women
#79aff9 Deuteranomaly 6% of men, 0.4% of women
#4eb9db Tritanomaly 0.01% of the population

#5cb1f7 hex color

#5cb1f7 Color Information

#5cb1f7 Color Conversion

Color Schemes with #5cb1f7

Alternatives to #5cb1f7

#5cb1f7 Preview

Shades and Tints of #5cb1f7

Tones of #5cb1f7

Color Blindness Simulator