#5c7bdb hex color

In a RGB color space, hex #5c7bdb is composed of 36.1% red, 48.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 43.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 225.4 degrees, a saturation of 63.8% and a lightness of 61%. #5c7bdb color hex could be obtained by blending #b8f6ff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 86
RGB color chart
- C 58
- M 44
- Y 0
- K 14
CMYK color chart

● #5c7bdb color description : Soft blue.

The hexadecimal color #5c7bdb has RGB values of R:92, G:123, B:219 and CMYK values of C:0.58, M:0.44, Y:0, K:0.14. Its decimal value is 6061019.

Hex triplet	5c7bdb	`#5c7bdb`
RGB Decimal	92, 123, 219	`rgb(92,123,219)`
RGB Percent	36.1, 48.2, 85.9	`rgb(36.1%,48.2%,85.9%)`
CMYK	58, 44, 0, 14
HSL	225.4°, 63.8, 61	`hsl(225.4,63.8%,61%)`
HSV (or HSB)	225.4°, 58, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.551, 17.465, -52.612
XYZ	24.28, 21.554, 69.895
xyY	0.21, 0.186, 21.554
CIE-LCH	53.551, 55.435, 288.364
CIE-LUV	53.551, -16.405, -83.704
Hunter-Lab	46.427, 12.104, -56.762
Binary	01011100, 01111011, 11011011

#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#dbbc5c
```
#dbbc5c rgb(219,188,92)
```

Complementary Color

#5cbbdb
```
#5cbbdb rgb(92,187,219)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#7d5cdb
```
#7d5cdb rgb(125,92,219)
```

Analogous Color

#bbdb5c
```
#bbdb5c rgb(187,219,92)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#db7d5c
```
#db7d5c rgb(219,125,92)
```

Split Complementary Color

#7bdb5c
```
#7bdb5c rgb(123,219,92)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#db5c7b
```
#db5c7b rgb(219,92,123)
```

Triadic Color

#5cdbbc
```
#5cdbbc rgb(92,219,188)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#db5c7b
```
#db5c7b rgb(219,92,123)
```
#dbbc5c
```
#dbbc5c rgb(219,188,92)
```

Tetradic Color

#2a4fc0
```
#2a4fc0 rgb(42,79,192)
```
#3259d2
```
#3259d2 rgb(50,89,210)
```
#476ad6
```
#476ad6 rgb(71,106,214)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#718ce0
```
#718ce0 rgb(113,140,224)
```
#869de4
```
#869de4 rgb(134,157,228)
```
#9baee9
```
#9baee9 rgb(155,174,233)
```

Monochromatic Color

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

#5c9bdb
```
#5c9bdb rgb(92,155,219)
```
#5c90db
```
#5c90db rgb(92,144,219)
```
#5c86db
```
#5c86db rgb(92,134,219)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#5c70db
```
#5c70db rgb(92,112,219)
```
#5c66db
```
#5c66db rgb(92,102,219)
```
#5d5cdb
```
#5d5cdb rgb(93,92,219)
```

Similar Colors

Text with hexadecimal color #5c7bdb

This text has a font color of #5c7bdb.

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

#5c7bdb background color

This paragraph has a background color of #5c7bdb.

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

#5c7bdb border color

This element has a border color of #5c7bdb.

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

CSS codes

.text {color:#5c7bdb;}

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

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

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, #03060e is the darkest color, while #fdfdfe is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#070c1e
```
#070c1e rgb(7,12,30)
```
#0a132e
```
#0a132e rgb(10,19,46)
```
#0e193e
```
#0e193e rgb(14,25,62)
```
#11204e
```
#11204e rgb(17,32,78)
```
#15275e
```
#15275e rgb(21,39,94)
```
#182d6e
```
#182d6e rgb(24,45,110)
```
#1c347e
```
#1c347e rgb(28,52,126)
```
#1f3a8e
```
#1f3a8e rgb(31,58,142)
```
#23419e
```
#23419e rgb(35,65,158)
```
#2748ae
```
#2748ae rgb(39,72,174)
```
#2a4ebe
```
#2a4ebe rgb(42,78,190)
```
#2e55cf
```
#2e55cf rgb(46,85,207)
```

Shade Color Variation

#3c61d4
```
#3c61d4 rgb(60,97,212)
```
#4c6ed7
```
#4c6ed7 rgb(76,110,215)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#6c88df
```
#6c88df rgb(108,136,223)
```
#7c95e2
```
#7c95e2 rgb(124,149,226)
```
#8ca2e6
```
#8ca2e6 rgb(140,162,230)
```
#9cafe9
```
#9cafe9 rgb(156,175,233)
```
#acbced
```
#acbced rgb(172,188,237)
```
#bcc9f0
```
#bcc9f0 rgb(188,201,240)
```
#ccd6f4
```
#ccd6f4 rgb(204,214,244)
```
#dde3f7
```
#dde3f7 rgb(221,227,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9e is the less saturated color, while #3d6bfa is the most saturated one.

#999a9e
```
#999a9e rgb(153,154,158)
```
#9296a5
```
#9296a5 rgb(146,150,165)
```
#8a93ad
```
#8a93ad rgb(138,147,173)
```
#828fb5
```
#828fb5 rgb(130,143,181)
```
#7b8bbc
```
#7b8bbc rgb(123,139,188)
```
#7387c4
```
#7387c4 rgb(115,135,196)
```
#6b83cc
```
#6b83cc rgb(107,131,204)
```
#647fd3
```
#647fd3 rgb(100,127,211)
```
#5c7bdb
```
#5c7bdb rgb(92,123,219)
```
#5477e3
```
#5477e3 rgb(84,119,227)
```
#4d73ea
```
#4d73ea rgb(77,115,234)
```
#456ff2
```
#456ff2 rgb(69,111,242)
```
#3d6bfa
```
#3d6bfa rgb(61,107,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5983de Protanopia 1% of men
#4087da Deuteranopia 1% of men
#40919b Tritanopia 0.001% of the population

Trichromacy

#5a80dd Protanomaly 1% of men, 0.01% of women
#4a83da Deuteranomaly 6% of men, 0.4% of women
#4a89b2 Tritanomaly 0.01% of the population

#5c7bdb hex color

#5c7bdb Color Information

#5c7bdb Color Conversion

Color Schemes with #5c7bdb

Alternatives to #5c7bdb

#5c7bdb Preview

Shades and Tints of #5c7bdb

Tones of #5c7bdb

Color Blindness Simulator