#5cbded hex color

In a RGB color space, hex #5cbded is composed of 36.1% red, 74.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 20.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 199.9 degrees, a saturation of 80.1% and a lightness of 64.5%. #5cbded color hex could be obtained by blending #b8ffff with #007bdb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 93
RGB color chart
- C 61
- M 20
- Y 0
- K 7
CMYK color chart

● #5cbded color description : Soft blue.

The hexadecimal color #5cbded has RGB values of R:92, G:189, B:237 and CMYK values of C:0.61, M:0.2, Y:0, K:0.07. Its decimal value is 6077933.

Hex triplet	5cbded	`#5cbded`
RGB Decimal	92, 189, 237	`rgb(92,189,237)`
RGB Percent	36.1, 74.1, 92.9	`rgb(36.1%,74.1%,92.9%)`
CMYK	61, 20, 0, 7
HSL	199.9°, 80.1, 64.5	`hsl(199.9,80.1%,64.5%)`
HSV (or HSB)	199.9°, 61.2, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.748, -14.538, -32.405
XYZ	37.893, 44.782, 86.763
xyY	0.224, 0.264, 44.782
CIE-LCH	72.748, 35.517, 245.838
CIE-LUV	72.748, -39.309, -49.93
Hunter-Lab	66.919, -16.033, -30.027
Binary	01011100, 10111101, 11101101

#5cbded
```
#5cbded rgb(92,189,237)
```
#ed8c5c
```
#ed8c5c rgb(237,140,92)
```

Complementary Color

#5cedd5
```
#5cedd5 rgb(92,237,213)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#5c75ed
```
#5c75ed rgb(92,117,237)
```

Analogous Color

#edd55c
```
#edd55c rgb(237,213,92)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#ed5c75
```
#ed5c75 rgb(237,92,117)
```

Split Complementary Color

#bded5c
```
#bded5c rgb(189,237,92)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#ed5cbd
```
#ed5cbd rgb(237,92,189)
```

Triadic Color

#5ced8c
```
#5ced8c rgb(92,237,140)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#ed5cbd
```
#ed5cbd rgb(237,92,189)
```
#ed8c5c
```
#ed8c5c rgb(237,140,92)
```

Tetradic Color

#19a0e3
```
#19a0e3 rgb(25,160,227)
```
#2eaae8
```
#2eaae8 rgb(46,170,232)
```
#45b4ea
```
#45b4ea rgb(69,180,234)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#73c6f0
```
#73c6f0 rgb(115,198,240)
```
#8ad0f2
```
#8ad0f2 rgb(138,208,242)
```
#a1d9f5
```
#a1d9f5 rgb(161,217,245)
```

Monochromatic Color

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

#5ce1ed
```
#5ce1ed rgb(92,225,237)
```
#5cd5ed
```
#5cd5ed rgb(92,213,237)
```
#5cc9ed
```
#5cc9ed rgb(92,201,237)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#5cb1ed
```
#5cb1ed rgb(92,177,237)
```
#5ca5ed
```
#5ca5ed rgb(92,165,237)
```
#5c99ed
```
#5c99ed rgb(92,153,237)
```

Similar Colors

Text with hexadecimal color #5cbded

This text has a font color of #5cbded.

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

#5cbded background color

This paragraph has a background color of #5cbded.

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

#5cbded border color

This element has a border color of #5cbded.

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

CSS codes

.text {color:#5cbded;}

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

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

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, #020a0e is the darkest color, while #fbfdff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#03161f
```
#03161f rgb(3,22,31)
```
#052331
```
#052331 rgb(5,35,49)
```
#072f43
```
#072f43 rgb(7,47,67)
```
#093b54
```
#093b54 rgb(9,59,84)
```
#0b4866
```
#0b4866 rgb(11,72,102)
```
#0d5478
```
#0d5478 rgb(13,84,120)
```
#0f6189
```
#0f6189 rgb(15,97,137)
```
#116d9b
```
#116d9b rgb(17,109,155)
```
#137aad
```
#137aad rgb(19,122,173)
```
#1586be
```
#1586be rgb(21,134,190)
```
#1793d0
```
#1793d0 rgb(23,147,208)
```
#199fe2
```
#199fe2 rgb(25,159,226)
```

Shade Color Variation

#27a8e7
```
#27a8e7 rgb(39,168,231)
```
#39afe9
```
#39afe9 rgb(57,175,233)
```
#4ab6eb
```
#4ab6eb rgb(74,182,235)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#6ec4ef
```
#6ec4ef rgb(110,196,239)
```
#7fcbf1
```
#7fcbf1 rgb(127,203,241)
```
#91d2f3
```
#91d2f3 rgb(145,210,243)
```
#a3daf5
```
#a3daf5 rgb(163,218,245)
```
#b4e1f7
```
#b4e1f7 rgb(180,225,247)
```
#c6e8f9
```
#c6e8f9 rgb(198,232,249)
```
#d8effb
```
#d8effb rgb(216,239,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a2a5a7
```
#a2a5a7 rgb(162,165,167)
```
#9ba8ae
```
#9ba8ae rgb(155,168,174)
```
#94aab5
```
#94aab5 rgb(148,170,181)
```
#8dadbc
```
#8dadbc rgb(141,173,188)
```
#86afc3
```
#86afc3 rgb(134,175,195)
```
#7fb1ca
```
#7fb1ca rgb(127,177,202)
```
#78b4d1
```
#78b4d1 rgb(120,180,209)
```
#71b6d8
```
#71b6d8 rgb(113,182,216)
```
#6ab8df
```
#6ab8df rgb(106,184,223)
```
#63bbe6
```
#63bbe6 rgb(99,187,230)
```
#5cbded
```
#5cbded rgb(92,189,237)
```
#55bff4
```
#55bff4 rgb(85,191,244)
```
#4ec2fb
```
#4ec2fb rgb(78,194,251)
```

Tone Color Variation

Below, you can see how #5cbded 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
#96aab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b4e6 Protanopia 1% of men
#a2b4f2 Deuteranopia 1% of men
#54c5d3 Tritanopia 0.001% of the population

Trichromacy

#8cb7e8 Protanomaly 1% of men, 0.01% of women
#89b7f0 Deuteranomaly 6% of men, 0.4% of women
#57c2dc Tritanomaly 0.01% of the population

#5cbded hex color

#5cbded Color Information

#5cbded Color Conversion

Color Schemes with #5cbded

Alternatives to #5cbded

#5cbded Preview

Shades and Tints of #5cbded

Tones of #5cbded

Color Blindness Simulator