#5c7dd7 hex color

In a RGB color space, hex #5c7dd7 is composed of 36.1% red, 49% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 41.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 223.9 degrees, a saturation of 60.6% and a lightness of 60.2%. #5c7dd7 color hex could be obtained by blending #b8faff with #0000af. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 49
- B 84
RGB color chart
- C 57
- M 42
- Y 0
- K 16
CMYK color chart

● #5c7dd7 color description : Moderate blue.

The hexadecimal color #5c7dd7 has RGB values of R:92, G:125, B:215 and CMYK values of C:0.57, M:0.42, Y:0, K:0.16. Its decimal value is 6061527.

Hex triplet	5c7dd7	`#5c7dd7`
RGB Decimal	92, 125, 215	`rgb(92,125,215)`
RGB Percent	36.1, 49, 84.3	`rgb(36.1%,49%,84.3%)`
CMYK	57, 42, 0, 16
HSL	223.9°, 60.6, 60.2	`hsl(223.9,60.6%,60.2%)`
HSV (or HSB)	223.9°, 57.2, 84.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.865, 14.933, -49.856
XYZ	24.01, 21.848, 67.238
xyY	0.212, 0.193, 21.848
CIE-LCH	53.865, 52.045, 286.674
CIE-LUV	53.865, -17.019, -79.163
Hunter-Lab	46.741, 9.895, -52.57
Binary	01011100, 01111101, 11010111

#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#d7b65c
```
#d7b65c rgb(215,182,92)
```

Complementary Color

#5cbbd7
```
#5cbbd7 rgb(92,187,215)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#795cd7
```
#795cd7 rgb(121,92,215)
```

Analogous Color

#bbd75c
```
#bbd75c rgb(187,215,92)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#d7795c
```
#d7795c rgb(215,121,92)
```

Split Complementary Color

#7dd75c
```
#7dd75c rgb(125,215,92)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#d75c7d
```
#d75c7d rgb(215,92,125)
```

Triadic Color

#5cd7b6
```
#5cd7b6 rgb(92,215,182)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#d75c7d
```
#d75c7d rgb(215,92,125)
```
#d7b65c
```
#d7b65c rgb(215,182,92)
```

Tetradic Color

#2d53b9
```
#2d53b9 rgb(45,83,185)
```
#335ccd
```
#335ccd rgb(51,92,205)
```
#486dd2
```
#486dd2 rgb(72,109,210)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#708ddc
```
#708ddc rgb(112,141,220)
```
#859ee1
```
#859ee1 rgb(133,158,225)
```
#99aee6
```
#99aee6 rgb(153,174,230)
```

Monochromatic Color

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

#5c9cd7
```
#5c9cd7 rgb(92,156,215)
```
#5c92d7
```
#5c92d7 rgb(92,146,215)
```
#5c87d7
```
#5c87d7 rgb(92,135,215)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#5c73d7
```
#5c73d7 rgb(92,115,215)
```
#5c69d7
```
#5c69d7 rgb(92,105,215)
```
#5c5ed7
```
#5c5ed7 rgb(92,94,215)
```

Similar Colors

Text with hexadecimal color #5c7dd7

This text has a font color of #5c7dd7.

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

#5c7dd7 background color

This paragraph has a background color of #5c7dd7.

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

#5c7dd7 border color

This element has a border color of #5c7dd7.

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

CSS codes

.text {color:#5c7dd7;}

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

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

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, #03050a is the darkest color, while #fafbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#060c1a
```
#060c1a rgb(6,12,26)
```
#0a132a
```
#0a132a rgb(10,19,42)
```
#0e1a3a
```
#0e1a3a rgb(14,26,58)
```
#122149
```
#122149 rgb(18,33,73)
```
#162859
```
#162859 rgb(22,40,89)
```
#1a2f69
```
#1a2f69 rgb(26,47,105)
```
#1e3679
```
#1e3679 rgb(30,54,121)
```
#213d88
```
#213d88 rgb(33,61,136)
```
#254498
```
#254498 rgb(37,68,152)
```
#294ba8
```
#294ba8 rgb(41,75,168)
```
#2d52b8
```
#2d52b8 rgb(45,82,184)
```
#3159c7
```
#3159c7 rgb(49,89,199)
```

Shade Color Variation

#3c64cf
```
#3c64cf rgb(60,100,207)
```
#4c70d3
```
#4c70d3 rgb(76,112,211)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#6c8adb
```
#6c8adb rgb(108,138,219)
```
#7c96df
```
#7c96df rgb(124,150,223)
```
#8ba3e3
```
#8ba3e3 rgb(139,163,227)
```
#9bafe6
```
#9bafe6 rgb(155,175,230)
```
#abbcea
```
#abbcea rgb(171,188,234)
```
#bbc8ee
```
#bbc8ee rgb(187,200,238)
```
#cad5f2
```
#cad5f2 rgb(202,213,242)
```
#dae1f6
```
#dae1f6 rgb(218,225,246)
```
#eaeefa
```
#eaeefa rgb(234,238,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9396a0 is the less saturated color, while #356bfe is the most saturated one.

#9396a0
```
#9396a0 rgb(147,150,160)
```
#8b93a8
```
#8b93a8 rgb(139,147,168)
```
#838fb0
```
#838fb0 rgb(131,143,176)
```
#7b8bb8
```
#7b8bb8 rgb(123,139,184)
```
#7388c0
```
#7388c0 rgb(115,136,192)
```
#6c84c7
```
#6c84c7 rgb(108,132,199)
```
#6481cf
```
#6481cf rgb(100,129,207)
```
#5c7dd7
```
#5c7dd7 rgb(92,125,215)
```
#5479df
```
#5479df rgb(84,121,223)
```
#4c76e7
```
#4c76e7 rgb(76,118,231)
```
#4572ee
```
#4572ee rgb(69,114,238)
```
#3d6ff6
```
#3d6ff6 rgb(61,111,246)
```
#356bfe
```
#356bfe rgb(53,107,254)
```

Tone Color Variation

Below, you can see how #5c7dd7 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
#767d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f84d9 Protanopia 1% of men
#4b88d7 Deuteranopia 1% of men
#44919c Tritanopia 0.001% of the population

Trichromacy

#5e81d8 Protanomaly 1% of men, 0.01% of women
#5184d7 Deuteranomaly 6% of men, 0.4% of women
#4c8ab1 Tritanomaly 0.01% of the population

#5c7dd7 hex color

#5c7dd7 Color Information

#5c7dd7 Color Conversion

Color Schemes with #5c7dd7

Alternatives to #5c7dd7

#5c7dd7 Preview

Shades and Tints of #5c7dd7

Tones of #5c7dd7

Color Blindness Simulator