#5cb6f3 hex color

In a RGB color space, hex #5cb6f3 is composed of 36.1% red, 71.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 25.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 204.2 degrees, a saturation of 86.3% and a lightness of 65.7%. #5cb6f3 color hex could be obtained by blending #b8ffff with #006de7. Closest websafe color is: #66ccff.

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

● #5cb6f3 color description : Soft blue.

The hexadecimal color #5cb6f3 has RGB values of R:92, G:182, B:243 and CMYK values of C:0.62, M:0.25, Y:0, K:0.05. Its decimal value is 6076147.

Hex triplet	5cb6f3	`#5cb6f3`
RGB Decimal	92, 182, 243	`rgb(92,182,243)`
RGB Percent	36.1, 71.4, 95.3	`rgb(36.1%,71.4%,95.3%)`
CMYK	62, 25, 0, 5
HSL	204.2°, 86.3, 65.7	`hsl(204.2,86.3%,65.7%)`
HSV (or HSB)	204.2°, 62.1, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.008, -8.919, -38.353
XYZ	37.315, 42.2, 90.968
xyY	0.219, 0.248, 42.2
CIE-LCH	71.008, 39.377, 256.908
CIE-LUV	71.008, -36.548, -60.624
Hunter-Lab	64.961, -11.147, -37.553
Binary	01011100, 10110110, 11110011

#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#f3995c
```
#f3995c rgb(243,153,92)
```

Complementary Color

#5cf3e5
```
#5cf3e5 rgb(92,243,229)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#5c6bf3
```
#5c6bf3 rgb(92,107,243)
```

Analogous Color

#f3e55c
```
#f3e55c rgb(243,229,92)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#f35c6b
```
#f35c6b rgb(243,92,107)
```

Split Complementary Color

#b6f35c
```
#b6f35c rgb(182,243,92)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#f35cb6
```
#f35cb6 rgb(243,92,182)
```

Triadic Color

#5cf399
```
#5cf399 rgb(92,243,153)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#f35cb6
```
#f35cb6 rgb(243,92,182)
```
#f3995c
```
#f3995c rgb(243,153,92)
```

Tetradic Color

#1596ee
```
#1596ee rgb(21,150,238)
```
#2ca1f0
```
#2ca1f0 rgb(44,161,240)
```
#44abf1
```
#44abf1 rgb(68,171,241)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#74c1f5
```
#74c1f5 rgb(116,193,245)
```
#8ccbf6
```
#8ccbf6 rgb(140,203,246)
```
#a3d6f8
```
#a3d6f8 rgb(163,214,248)
```

Monochromatic Color

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

#5cdcf3
```
#5cdcf3 rgb(92,220,243)
```
#5ccff3
```
#5ccff3 rgb(92,207,243)
```
#5cc3f3
```
#5cc3f3 rgb(92,195,243)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#5ca9f3
```
#5ca9f3 rgb(92,169,243)
```
#5c9df3
```
#5c9df3 rgb(92,157,243)
```
#5c90f3
```
#5c90f3 rgb(92,144,243)
```

Similar Colors

Text with hexadecimal color #5cb6f3

This text has a font color of #5cb6f3.

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

#5cb6f3 background color

This paragraph has a background color of #5cb6f3.

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

#5cb6f3 border color

This element has a border color of #5cb6f3.

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

CSS codes

.text {color:#5cb6f3;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010c14
```
#010c14 rgb(1,12,20)
```
#031826
```
#031826 rgb(3,24,38)
```
#042338
```
#042338 rgb(4,35,56)
```
#052f4b
```
#052f4b rgb(5,47,75)
```
#073a5d
```
#073a5d rgb(7,58,93)
```
#08456f
```
#08456f rgb(8,69,111)
```
#0a5181
```
#0a5181 rgb(10,81,129)
```
#0b5c94
```
#0b5c94 rgb(11,92,148)
```
#0c68a6
```
#0c68a6 rgb(12,104,166)
```
#0e73b8
```
#0e73b8 rgb(14,115,184)
```
#0f7fca
```
#0f7fca rgb(15,127,202)
```
#108add
```
#108add rgb(16,138,221)
```

Shade Color Variation

#1395ee
```
#1395ee rgb(19,149,238)
```
#259def
```
#259def rgb(37,157,239)
```
#37a6f0
```
#37a6f0 rgb(55,166,240)
```
#4aaef2
```
#4aaef2 rgb(74,174,242)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#6ebef4
```
#6ebef4 rgb(110,190,244)
```
#81c6f6
```
#81c6f6 rgb(129,198,246)
```
#93cff7
```
#93cff7 rgb(147,207,247)
```
#a5d7f8
```
#a5d7f8 rgb(165,215,248)
```
#b7dffa
```
#b7dffa rgb(183,223,250)
```
#cae7fb
```
#cae7fb rgb(202,231,251)
```
#dceffc
```
#dceffc rgb(220,239,252)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

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

#a6a8a9
```
#a6a8a9 rgb(166,168,169)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#99aab6
```
#99aab6 rgb(153,170,182)
```
#92acbd
```
#92acbd rgb(146,172,189)
```
#8badc4
```
#8badc4 rgb(139,173,196)
```
#84aecb
```
#84aecb rgb(132,174,203)
```
#7eb0d1
```
#7eb0d1 rgb(126,176,209)
```
#77b1d8
```
#77b1d8 rgb(119,177,216)
```
#70b2df
```
#70b2df rgb(112,178,223)
```
#69b3e6
```
#69b3e6 rgb(105,179,230)
```
#63b5ec
```
#63b5ec rgb(99,181,236)
```
#5cb6f3
```
#5cb6f3 rgb(92,182,243)
```
#55b7fa
```
#55b7fa rgb(85,183,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eafec Protanopia 1% of men
#95b0f7 Deuteranopia 1% of men
#4cc0cf Tritanopia 0.001% of the population

Trichromacy

#86b2ee Protanomaly 1% of men, 0.01% of women
#80b2f5 Deuteranomaly 6% of men, 0.4% of women
#52bcdc Tritanomaly 0.01% of the population

#5cb6f3 hex color

#5cb6f3 Color Information

#5cb6f3 Color Conversion

Color Schemes with #5cb6f3

Alternatives to #5cb6f3

#5cb6f3 Preview

Shades and Tints of #5cb6f3

Tones of #5cb6f3

Color Blindness Simulator