#5cbcf5 hex color

In a RGB color space, hex #5cbcf5 is composed of 36.1% red, 73.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 23.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 202.4 degrees, a saturation of 88.4% and a lightness of 66.1%. #5cbcf5 color hex could be obtained by blending #b8ffff with #0079eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 96
RGB color chart
- C 62
- M 23
- Y 0
- K 4
CMYK color chart

● #5cbcf5 color description : Soft blue.

The hexadecimal color #5cbcf5 has RGB values of R:92, G:188, B:245 and CMYK values of C:0.62, M:0.23, Y:0, K:0.04. Its decimal value is 6077685.

Hex triplet	5cbcf5	`#5cbcf5`
RGB Decimal	92, 188, 245	`rgb(92,188,245)`
RGB Percent	36.1, 73.7, 96.1	`rgb(36.1%,73.7%,96.1%)`
CMYK	62, 23, 0, 4
HSL	202.4°, 88.4, 66.1	`hsl(202.4,88.4%,66.1%)`
HSV (or HSB)	202.4°, 62.4, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.781, -11.53, -36.68
XYZ	38.874, 44.831, 92.986
xyY	0.22, 0.254, 44.831
CIE-LCH	72.781, 38.449, 252.55
CIE-LUV	72.781, -38.622, -57.623
Hunter-Lab	66.956, -13.538, -35.47
Binary	01011100, 10111100, 11110101

#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#f5955c
```
#f5955c rgb(245,149,92)
```

Complementary Color

#5cf5e2
```
#5cf5e2 rgb(92,245,226)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#5c70f5
```
#5c70f5 rgb(92,112,245)
```

Analogous Color

#f5e25c
```
#f5e25c rgb(245,226,92)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#f55c70
```
#f55c70 rgb(245,92,112)
```

Split Complementary Color

#bcf55c
```
#bcf55c rgb(188,245,92)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#f55cbc
```
#f55cbc rgb(245,92,188)
```

Triadic Color

#5cf595
```
#5cf595 rgb(92,245,149)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#f55cbc
```
#f55cbc rgb(245,92,188)
```
#f5955c
```
#f5955c rgb(245,149,92)
```

Tetradic Color

#149ef1
```
#149ef1 rgb(20,158,241)
```
#2ca8f2
```
#2ca8f2 rgb(44,168,242)
```
#44b2f4
```
#44b2f4 rgb(68,178,244)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#74c6f6
```
#74c6f6 rgb(116,198,246)
```
#8cd0f8
```
#8cd0f8 rgb(140,208,248)
```
#a4daf9
```
#a4daf9 rgb(164,218,249)
```

Monochromatic Color

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

#5ce2f5
```
#5ce2f5 rgb(92,226,245)
```
#5cd6f5
```
#5cd6f5 rgb(92,214,245)
```
#5cc9f5
```
#5cc9f5 rgb(92,201,245)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#5caff5
```
#5caff5 rgb(92,175,245)
```
#5ca3f5
```
#5ca3f5 rgb(92,163,245)
```
#5c96f5
```
#5c96f5 rgb(92,150,245)
```

Similar Colors

Text with hexadecimal color #5cbcf5

This text has a font color of #5cbcf5.

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

#5cbcf5 background color

This paragraph has a background color of #5cbcf5.

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

#5cbcf5 border color

This element has a border color of #5cbcf5.

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

CSS codes

.text {color:#5cbcf5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010e16
```
#010e16 rgb(1,14,22)
```
#021a28
```
#021a28 rgb(2,26,40)
```
#04263b
```
#04263b rgb(4,38,59)
```
#05324d
```
#05324d rgb(5,50,77)
```
#063e60
```
#063e60 rgb(6,62,96)
```
#074a72
```
#074a72 rgb(7,74,114)
```
#085685
```
#085685 rgb(8,86,133)
```
#096297
```
#096297 rgb(9,98,151)
```
#0a6eaa
```
#0a6eaa rgb(10,110,170)
```
#0c7abc
```
#0c7abc rgb(12,122,188)
```
#0d86cf
```
#0d86cf rgb(13,134,207)
```
#0e92e1
```
#0e92e1 rgb(14,146,225)
```

Shade Color Variation

#129ef0
```
#129ef0 rgb(18,158,240)
```
#25a5f2
```
#25a5f2 rgb(37,165,242)
```
#37adf3
```
#37adf3 rgb(55,173,243)
```
#4ab4f4
```
#4ab4f4 rgb(74,180,244)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#6ec4f6
```
#6ec4f6 rgb(110,196,246)
```
#81cbf7
```
#81cbf7 rgb(129,203,247)
```
#93d3f8
```
#93d3f8 rgb(147,211,248)
```
#a6dafa
```
#a6dafa rgb(166,218,250)
```
#b8e2fb
```
#b8e2fb rgb(184,226,251)
```
#cbeafc
```
#cbeafc rgb(203,234,252)
```
#ddf1fd
```
#ddf1fd rgb(221,241,253)
```
#f0f9fe
```
#f0f9fe rgb(240,249,254)
```

Tint Color Variation

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

#a5a9ac
```
#a5a9ac rgb(165,169,172)
```
#9fabb2
```
#9fabb2 rgb(159,171,178)
```
#98adb9
```
#98adb9 rgb(152,173,185)
```
#91aec0
```
#91aec0 rgb(145,174,192)
```
#8bb0c6
```
#8bb0c6 rgb(139,176,198)
```
#84b2cd
```
#84b2cd rgb(132,178,205)
```
#7db4d4
```
#7db4d4 rgb(125,180,212)
```
#77b5da
```
#77b5da rgb(119,181,218)
```
#70b7e1
```
#70b7e1 rgb(112,183,225)
```
#69b9e8
```
#69b9e8 rgb(105,185,232)
```
#63baee
```
#63baee rgb(99,186,238)
```
#5cbcf5
```
#5cbcf5 rgb(92,188,245)
```
#55befc
```
#55befc rgb(85,190,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97aab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ed Protanopia 1% of men
#9cb4f9 Deuteranopia 1% of men
#4ec5d4 Tritanopia 0.001% of the population

Trichromacy

#8ab7f0 Protanomaly 1% of men, 0.01% of women
#85b7f7 Deuteranomaly 6% of men, 0.4% of women
#53c2e0 Tritanomaly 0.01% of the population

#5cbcf5 hex color

#5cbcf5 Color Information

#5cbcf5 Color Conversion

Color Schemes with #5cbcf5

Alternatives to #5cbcf5

#5cbcf5 Preview

Shades and Tints of #5cbcf5

Tones of #5cbcf5

Color Blindness Simulator