#5cbdef hex color

In a RGB color space, hex #5cbdef is composed of 36.1% red, 74.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 20.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 200.4 degrees, a saturation of 82.1% and a lightness of 64.9%. #5cbdef color hex could be obtained by blending #b8ffff with #007bdf. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 74
- B 94
RGB color chart
- C 62
- M 21
- Y 0
- K 6
CMYK color chart

● #5cbdef color description : Soft blue.

The hexadecimal color #5cbdef has RGB values of R:92, G:189, B:239 and CMYK values of C:0.62, M:0.21, Y:0, K:0.06. Its decimal value is 6077935.

Hex triplet	5cbdef	`#5cbdef`
RGB Decimal	92, 189, 239	`rgb(92,189,239)`
RGB Percent	36.1, 74.1, 93.7	`rgb(36.1%,74.1%,93.7%)`
CMYK	62, 21, 0, 6
HSL	200.4°, 82.1, 64.9	`hsl(200.4,82.1%,64.9%)`
HSV (or HSB)	200.4°, 61.5, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.826, -13.923, -33.367
XYZ	38.187, 44.9, 88.311
xyY	0.223, 0.262, 44.9
CIE-LCH	72.826, 36.156, 247.351
CIE-LUV	72.826, -39.226, -51.657
Hunter-Lab	67.007, -15.536, -31.235
Binary	01011100, 10111101, 11101111

#5cbdef
```
#5cbdef rgb(92,189,239)
```
#ef8e5c
```
#ef8e5c rgb(239,142,92)
```

Complementary Color

#5cefd8
```
#5cefd8 rgb(92,239,216)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#5c74ef
```
#5c74ef rgb(92,116,239)
```

Analogous Color

#efd85c
```
#efd85c rgb(239,216,92)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#ef5c74
```
#ef5c74 rgb(239,92,116)
```

Split Complementary Color

#bdef5c
```
#bdef5c rgb(189,239,92)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#ef5cbd
```
#ef5cbd rgb(239,92,189)
```

Triadic Color

#5cef8e
```
#5cef8e rgb(92,239,142)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#ef5cbd
```
#ef5cbd rgb(239,92,189)
```
#ef8e5c
```
#ef8e5c rgb(239,142,92)
```

Tetradic Color

#17a1e8
```
#17a1e8 rgb(23,161,232)
```
#2eaaea
```
#2eaaea rgb(46,170,234)
```
#45b4ed
```
#45b4ed rgb(69,180,237)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#73c6f1
```
#73c6f1 rgb(115,198,241)
```
#8ad0f4
```
#8ad0f4 rgb(138,208,244)
```
#a2d9f6
```
#a2d9f6 rgb(162,217,246)
```

Monochromatic Color

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

#5ce2ef
```
#5ce2ef rgb(92,226,239)
```
#5cd6ef
```
#5cd6ef rgb(92,214,239)
```
#5cc9ef
```
#5cc9ef rgb(92,201,239)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#5cb1ef
```
#5cb1ef rgb(92,177,239)
```
#5ca5ef
```
#5ca5ef rgb(92,165,239)
```
#5c98ef
```
#5c98ef rgb(92,152,239)
```

Similar Colors

Text with hexadecimal color #5cbdef

This text has a font color of #5cbdef.

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

#5cbdef background color

This paragraph has a background color of #5cbdef.

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

#5cbdef border color

This element has a border color of #5cbdef.

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

CSS codes

.text {color:#5cbdef;}

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

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

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

#020b10
```
#020b10 rgb(2,11,16)
```
#031721
```
#031721 rgb(3,23,33)
```
#052433
```
#052433 rgb(5,36,51)
```
#073045
```
#073045 rgb(7,48,69)
```
#093c57
```
#093c57 rgb(9,60,87)
```
#0a4969
```
#0a4969 rgb(10,73,105)
```
#0c557b
```
#0c557b rgb(12,85,123)
```
#0e628d
```
#0e628d rgb(14,98,141)
```
#106e9f
```
#106e9f rgb(16,110,159)
```
#117ab0
```
#117ab0 rgb(17,122,176)
```
#1387c2
```
#1387c2 rgb(19,135,194)
```
#1593d4
```
#1593d4 rgb(21,147,212)
```
#179fe6
```
#179fe6 rgb(23,159,230)
```

Shade Color Variation

#26a7ea
```
#26a7ea rgb(38,167,234)
```
#38afeb
```
#38afeb rgb(56,175,235)
```
#4ab6ed
```
#4ab6ed rgb(74,182,237)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#6ec4f1
```
#6ec4f1 rgb(110,196,241)
```
#80cbf3
```
#80cbf3 rgb(128,203,243)
```
#92d3f4
```
#92d3f4 rgb(146,211,244)
```
#a3daf6
```
#a3daf6 rgb(163,218,246)
```
#b5e1f8
```
#b5e1f8 rgb(181,225,248)
```
#c7e8fa
```
#c7e8fa rgb(199,232,250)
```
#d9f0fb
```
#d9f0fb rgb(217,240,251)
```
#ebf7fd
```
#ebf7fd rgb(235,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a1a7aa
```
#a1a7aa rgb(161,167,170)
```
#9aa9b1
```
#9aa9b1 rgb(154,169,177)
```
#93abb8
```
#93abb8 rgb(147,171,184)
```
#8caebf
```
#8caebf rgb(140,174,191)
```
#85b0c6
```
#85b0c6 rgb(133,176,198)
```
#7eb2cd
```
#7eb2cd rgb(126,178,205)
```
#78b4d3
```
#78b4d3 rgb(120,180,211)
```
#71b6da
```
#71b6da rgb(113,182,218)
```
#6ab9e1
```
#6ab9e1 rgb(106,185,225)
```
#63bbe8
```
#63bbe8 rgb(99,187,232)
```
#5cbdef
```
#5cbdef rgb(92,189,239)
```
#55bff6
```
#55bff6 rgb(85,191,246)
```
#4ec1fd
```
#4ec1fd rgb(78,193,253)
```

Tone Color Variation

Below, you can see how #5cbdef 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
#97abb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b4e8 Protanopia 1% of men
#a1b4f4 Deuteranopia 1% of men
#53c5d4 Tritanopia 0.001% of the population

Trichromacy

#8cb7ea Protanomaly 1% of men, 0.01% of women
#88b7f2 Deuteranomaly 6% of men, 0.4% of women
#56c2dd Tritanomaly 0.01% of the population

#5cbdef hex color

#5cbdef Color Information

#5cbdef Color Conversion

Color Schemes with #5cbdef

Alternatives to #5cbdef

#5cbdef Preview

Shades and Tints of #5cbdef

Tones of #5cbdef

Color Blindness Simulator