#5c7ded hex color

In a RGB color space, hex #5c7ded is composed of 36.1% red, 49% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 47.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 226.3 degrees, a saturation of 80.1% and a lightness of 64.5%. #5c7ded color hex could be obtained by blending #b8faff with #0000db. Closest websafe color is: #6666ff.

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

● #5c7ded color description : Soft blue.

The hexadecimal color #5c7ded has RGB values of R:92, G:125, B:237 and CMYK values of C:0.61, M:0.47, Y:0, K:0.07. Its decimal value is 6061549.

Hex triplet	5c7ded	`#5c7ded`
RGB Decimal	92, 125, 237	`rgb(92,125,237)`
RGB Percent	36.1, 49, 92.9	`rgb(36.1%,49%,92.9%)`
CMYK	61, 47, 0, 7
HSL	226.3°, 80.1, 64.5	`hsl(226.3,80.1%,64.5%)`
HSV (or HSB)	226.3°, 61.2, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.129, 22.214, -60.166
XYZ	27.03, 23.055, 83.142
xyY	0.203, 0.173, 23.055
CIE-LCH	55.129, 64.136, 290.264
CIE-LUV	55.129, -17.267, -96.674
Hunter-Lab	48.016, 16.456, -69.052
Binary	01011100, 01111101, 11101101

#5c7ded
```
#5c7ded rgb(92,125,237)
```
#edcc5c
```
#edcc5c rgb(237,204,92)
```

Complementary Color

#5cc6ed
```
#5cc6ed rgb(92,198,237)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#845ced
```
#845ced rgb(132,92,237)
```

Analogous Color

#c6ed5c
```
#c6ed5c rgb(198,237,92)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#ed845c
```
#ed845c rgb(237,132,92)
```

Split Complementary Color

#7ded5c
```
#7ded5c rgb(125,237,92)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#ed5c7d
```
#ed5c7d rgb(237,92,125)
```

Triadic Color

#5cedcc
```
#5cedcc rgb(92,237,204)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#ed5c7d
```
#ed5c7d rgb(237,92,125)
```
#edcc5c
```
#edcc5c rgb(237,204,92)
```

Tetradic Color

#1947e3
```
#1947e3 rgb(25,71,227)
```
#2e58e8
```
#2e58e8 rgb(46,88,232)
```
#456bea
```
#456bea rgb(69,107,234)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#738ff0
```
#738ff0 rgb(115,143,240)
```
#8aa2f2
```
#8aa2f2 rgb(138,162,242)
```
#a1b4f5
```
#a1b4f5 rgb(161,180,245)
```

Monochromatic Color

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

#5ca1ed
```
#5ca1ed rgb(92,161,237)
```
#5c95ed
```
#5c95ed rgb(92,149,237)
```
#5c89ed
```
#5c89ed rgb(92,137,237)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#5c71ed
```
#5c71ed rgb(92,113,237)
```
#5c65ed
```
#5c65ed rgb(92,101,237)
```
#5f5ced
```
#5f5ced rgb(95,92,237)
```

Similar Colors

Text with hexadecimal color #5c7ded

This text has a font color of #5c7ded.

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

#5c7ded background color

This paragraph has a background color of #5c7ded.

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

#5c7ded border color

This element has a border color of #5c7ded.

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

CSS codes

.text {color:#5c7ded;}

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

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

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

#02040e
```
#02040e rgb(2,4,14)
```
#030a1f
```
#030a1f rgb(3,10,31)
```
#050f31
```
#050f31 rgb(5,15,49)
```
#071543
```
#071543 rgb(7,21,67)
```
#091a54
```
#091a54 rgb(9,26,84)
```
#0b2066
```
#0b2066 rgb(11,32,102)
```
#0d2578
```
#0d2578 rgb(13,37,120)
```
#0f2b89
```
#0f2b89 rgb(15,43,137)
```
#11309b
```
#11309b rgb(17,48,155)
```
#1336ad
```
#1336ad rgb(19,54,173)
```
#153cbe
```
#153cbe rgb(21,60,190)
```
#1741d0
```
#1741d0 rgb(23,65,208)
```
#1947e2
```
#1947e2 rgb(25,71,226)
```

Shade Color Variation

#2753e7
```
#2753e7 rgb(39,83,231)
```
#3961e9
```
#3961e9 rgb(57,97,233)
```
#4a6feb
```
#4a6feb rgb(74,111,235)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#6e8bef
```
#6e8bef rgb(110,139,239)
```
#7f99f1
```
#7f99f1 rgb(127,153,241)
```
#91a7f3
```
#91a7f3 rgb(145,167,243)
```
#a3b5f5
```
#a3b5f5 rgb(163,181,245)
```
#b4c3f7
```
#b4c3f7 rgb(180,195,247)
```
#c6d2f9
```
#c6d2f9 rgb(198,210,249)
```
#d8e0fb
```
#d8e0fb rgb(216,224,251)
```
#e9eefd
```
#e9eefd rgb(233,238,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a2a3a7
```
#a2a3a7 rgb(162,163,167)
```
#9b9fae
```
#9b9fae rgb(155,159,174)
```
#949bb5
```
#949bb5 rgb(148,155,181)
```
#8d98bc
```
#8d98bc rgb(141,152,188)
```
#8694c3
```
#8694c3 rgb(134,148,195)
```
#7f90ca
```
#7f90ca rgb(127,144,202)
```
#788cd1
```
#788cd1 rgb(120,140,209)
```
#7188d8
```
#7188d8 rgb(113,136,216)
```
#6a85df
```
#6a85df rgb(106,133,223)
```
#6381e6
```
#6381e6 rgb(99,129,230)
```
#5c7ded
```
#5c7ded rgb(92,125,237)
```
#5579f4
```
#5579f4 rgb(85,121,244)
```
#4e75fb
```
#4e75fb rgb(78,117,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e86f0 Protanopia 1% of men
#158cea Deuteranopia 1% of men
#2e96a1 Tritanopia 0.001% of the population

Trichromacy

#5383ef Protanomaly 1% of men, 0.01% of women
#2e86eb Deuteranomaly 6% of men, 0.4% of women
#3f8dbd Tritanomaly 0.01% of the population

#5c7ded hex color

#5c7ded Color Information

#5c7ded Color Conversion

Color Schemes with #5c7ded

Alternatives to #5c7ded

#5c7ded Preview

Shades and Tints of #5c7ded

Tones of #5c7ded

Color Blindness Simulator