#5cbcf2 hex color

In a RGB color space, hex #5cbcf2 is composed of 36.1% red, 73.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 22.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.6 degrees, a saturation of 85.2% and a lightness of 65.5%. #5cbcf2 color hex could be obtained by blending #b8ffff with #0079e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 95
RGB color chart
- C 62
- M 22
- Y 0
- K 5
CMYK color chart

● #5cbcf2 color description : Soft blue.

The hexadecimal color #5cbcf2 has RGB values of R:92, G:188, B:242 and CMYK values of C:0.62, M:0.22, Y:0, K:0.05. Its decimal value is 6077682.

Hex triplet	5cbcf2	`#5cbcf2`
RGB Decimal	92, 188, 242	`rgb(92,188,242)`
RGB Percent	36.1, 73.7, 94.9	`rgb(36.1%,73.7%,94.9%)`
CMYK	62, 22, 0, 5
HSL	201.6°, 85.2, 65.5	`hsl(201.6,85.2%,65.5%)`
HSV (or HSB)	201.6°, 62, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.661, -12.464, -35.245
XYZ	38.42, 44.65, 90.593
xyY	0.221, 0.257, 44.65
CIE-LCH	72.661, 37.384, 250.525
CIE-LUV	72.661, -38.743, -55.036
Hunter-Lab	66.82, -14.303, -33.609
Binary	01011100, 10111100, 11110010

#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#f2925c
```
#f2925c rgb(242,146,92)
```

Complementary Color

#5cf2dd
```
#5cf2dd rgb(92,242,221)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#5c71f2
```
#5c71f2 rgb(92,113,242)
```

Analogous Color

#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#f25c71
```
#f25c71 rgb(242,92,113)
```

Split Complementary Color

#bcf25c
```
#bcf25c rgb(188,242,92)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#f25cbc
```
#f25cbc rgb(242,92,188)
```

Triadic Color

#5cf292
```
#5cf292 rgb(92,242,146)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#f25cbc
```
#f25cbc rgb(242,92,188)
```
#f2925c
```
#f2925c rgb(242,146,92)
```

Tetradic Color

#159fec
```
#159fec rgb(21,159,236)
```
#2da9ee
```
#2da9ee rgb(45,169,238)
```
#44b2f0
```
#44b2f0 rgb(68,178,240)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#74c6f4
```
#74c6f4 rgb(116,198,244)
```
#8bcff6
```
#8bcff6 rgb(139,207,246)
```
#a3d9f8
```
#a3d9f8 rgb(163,217,248)
```

Monochromatic Color

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

#5ce2f2
```
#5ce2f2 rgb(92,226,242)
```
#5cd5f2
```
#5cd5f2 rgb(92,213,242)
```
#5cc9f2
```
#5cc9f2 rgb(92,201,242)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#5cb0f2
```
#5cb0f2 rgb(92,176,242)
```
#5ca3f2
```
#5ca3f2 rgb(92,163,242)
```
#5c97f2
```
#5c97f2 rgb(92,151,242)
```

Similar Colors

Text with hexadecimal color #5cbcf2

This text has a font color of #5cbcf2.

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

#5cbcf2 background color

This paragraph has a background color of #5cbcf2.

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

#5cbcf2 border color

This element has a border color of #5cbcf2.

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

CSS codes

.text {color:#5cbcf2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010c13
```
#010c13 rgb(1,12,19)
```
#031925
```
#031925 rgb(3,25,37)
```
#042537
```
#042537 rgb(4,37,55)
```
#063149
```
#063149 rgb(6,49,73)
```
#073d5b
```
#073d5b rgb(7,61,91)
```
#09496d
```
#09496d rgb(9,73,109)
```
#0a5580
```
#0a5580 rgb(10,85,128)
```
#0c6292
```
#0c6292 rgb(12,98,146)
```
#0d6ea4
```
#0d6ea4 rgb(13,110,164)
```
#0f7ab6
```
#0f7ab6 rgb(15,122,182)
```
#1086c8
```
#1086c8 rgb(16,134,200)
```
#1192da
```
#1192da rgb(17,146,218)
```

Shade Color Variation

#139eec
```
#139eec rgb(19,158,236)
```
#26a6ee
```
#26a6ee rgb(38,166,238)
```
#38adef
```
#38adef rgb(56,173,239)
```
#4ab5f1
```
#4ab5f1 rgb(74,181,241)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#6ec3f3
```
#6ec3f3 rgb(110,195,243)
```
#80cbf5
```
#80cbf5 rgb(128,203,245)
```
#92d2f6
```
#92d2f6 rgb(146,210,246)
```
#a5daf8
```
#a5daf8 rgb(165,218,248)
```
#b7e1f9
```
#b7e1f9 rgb(183,225,249)
```
#c9e9fb
```
#c9e9fb rgb(201,233,251)
```
#dbf0fc
```
#dbf0fc rgb(219,240,252)
```
#edf8fe
```
#edf8fe rgb(237,248,254)
```

Tint Color Variation

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

#a6a7a8
```
#a6a7a8 rgb(166,167,168)
```
#a0a9ae
```
#a0a9ae rgb(160,169,174)
```
#99abb5
```
#99abb5 rgb(153,171,181)
```
#92adbc
```
#92adbc rgb(146,173,188)
```
#8bafc3
```
#8bafc3 rgb(139,175,195)
```
#85b1c9
```
#85b1c9 rgb(133,177,201)
```
#7eb3d0
```
#7eb3d0 rgb(126,179,208)
```
#77b4d7
```
#77b4d7 rgb(119,180,215)
```
#70b6de
```
#70b6de rgb(112,182,222)
```
#6ab8e4
```
#6ab8e4 rgb(106,184,228)
```
#63baeb
```
#63baeb rgb(99,186,235)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```
#55bef9
```
#55bef9 rgb(85,190,249)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96aab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b4eb Protanopia 1% of men
#9eb4f7 Deuteranopia 1% of men
#50c5d3 Tritanopia 0.001% of the population

Trichromacy

#8bb7ed Protanomaly 1% of men, 0.01% of women
#86b7f5 Deuteranomaly 6% of men, 0.4% of women
#54c1de Tritanomaly 0.01% of the population

#5cbcf2 hex color

#5cbcf2 Color Information

#5cbcf2 Color Conversion

Color Schemes with #5cbcf2

Alternatives to #5cbcf2

#5cbcf2 Preview

Shades and Tints of #5cbcf2

Tones of #5cbcf2

Color Blindness Simulator