#5d7cc6 hex color

In a RGB color space, hex #5d7cc6 is composed of 36.5% red, 48.6% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 37.4% magenta, 0% yellow and 22.4% black. It has a hue angle of 222.3 degrees, a saturation of 47.9% and a lightness of 57.1%. #5d7cc6 color hex could be obtained by blending #baf8ff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 49
- B 78
RGB color chart
- C 53
- M 37
- Y 0
- K 22
CMYK color chart

● #5d7cc6 color description : Moderate blue.

The hexadecimal color #5d7cc6 has RGB values of R:93, G:124, B:198 and CMYK values of C:0.53, M:0.37, Y:0, K:0.22. Its decimal value is 6126790.

Hex triplet	5d7cc6	`#5d7cc6`
RGB Decimal	93, 124, 198	`rgb(93,124,198)`
RGB Percent	36.5, 48.6, 77.6	`rgb(36.5%,48.6%,77.6%)`
CMYK	53, 37, 0, 22
HSL	222.3°, 47.9, 57.1	`hsl(222.3,47.9%,57.1%)`
HSV (or HSB)	222.3°, 53, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.75, 10.25, -41.978
XYZ	21.913, 20.819, 56.287
xyY	0.221, 0.21, 20.819
CIE-LCH	52.75, 43.212, 283.722
CIE-LUV	52.75, -16.185, -65.747
Hunter-Lab	45.627, 5.877, -41.202
Binary	01011101, 01111100, 11000110

#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#c6a75d
```
#c6a75d rgb(198,167,93)
```

Complementary Color

#5db1c6
```
#5db1c6 rgb(93,177,198)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#735dc6
```
#735dc6 rgb(115,93,198)
```

Analogous Color

#b1c65d
```
#b1c65d rgb(177,198,93)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#c6735d
```
#c6735d rgb(198,115,93)
```

Split Complementary Color

#7cc65d
```
#7cc65d rgb(124,198,93)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#c65d7c
```
#c65d7c rgb(198,93,124)
```

Triadic Color

#5dc6a7
```
#5dc6a7 rgb(93,198,167)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#c65d7c
```
#c65d7c rgb(198,93,124)
```
#c6a75d
```
#c6a75d rgb(198,167,93)
```

Tetradic Color

#38569f
```
#38569f rgb(56,86,159)
```
#3e60b2
```
#3e60b2 rgb(62,96,178)
```
#4a6dbf
```
#4a6dbf rgb(74,109,191)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#708bcd
```
#708bcd rgb(112,139,205)
```
#839bd3
```
#839bd3 rgb(131,155,211)
```
#96aada
```
#96aada rgb(150,170,218)
```

Monochromatic Color

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

#5d96c6
```
#5d96c6 rgb(93,150,198)
```
#5d8ec6
```
#5d8ec6 rgb(93,142,198)
```
#5d85c6
```
#5d85c6 rgb(93,133,198)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#5d73c6
```
#5d73c6 rgb(93,115,198)
```
#5d6bc6
```
#5d6bc6 rgb(93,107,198)
```
#5d62c6
```
#5d62c6 rgb(93,98,198)
```

Similar Colors

Text with hexadecimal color #5d7cc6

This text has a font color of #5d7cc6.

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

#5d7cc6 background color

This paragraph has a background color of #5d7cc6.

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

#5d7cc6 border color

This element has a border color of #5d7cc6.

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

CSS codes

.text {color:#5d7cc6;}

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

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

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

#04070c
```
#04070c rgb(4,7,12)
```
#090e1b
```
#090e1b rgb(9,14,27)
```
#0e1629
```
#0e1629 rgb(14,22,41)
```
#141e38
```
#141e38 rgb(20,30,56)
```
#192646
```
#192646 rgb(25,38,70)
```
#1e2e55
```
#1e2e55 rgb(30,46,85)
```
#233663
```
#233663 rgb(35,54,99)
```
#283e72
```
#283e72 rgb(40,62,114)
```
#2d4680
```
#2d4680 rgb(45,70,128)
```
#324e8f
```
#324e8f rgb(50,78,143)
```
#37559d
```
#37559d rgb(55,85,157)
```
#3c5dac
```
#3c5dac rgb(60,93,172)
```
#4265ba
```
#4265ba rgb(66,101,186)
```

Shade Color Variation

#4e70c1
```
#4e70c1 rgb(78,112,193)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#6c88cb
```
#6c88cb rgb(108,136,203)
```
#7a93d0
```
#7a93d0 rgb(122,147,208)
```
#899fd5
```
#899fd5 rgb(137,159,213)
```
#97abda
```
#97abda rgb(151,171,218)
```
#a6b7e0
```
#a6b7e0 rgb(166,183,224)
```
#b4c2e5
```
#b4c2e5 rgb(180,194,229)
```
#c3ceea
```
#c3ceea rgb(195,206,234)
```
#d1daef
```
#d1daef rgb(209,218,239)
```
#e0e6f4
```
#e0e6f4 rgb(224,230,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#909193
```
#909193 rgb(144,145,147)
```
#878d9c
```
#878d9c rgb(135,141,156)
```
#7f8aa4
```
#7f8aa4 rgb(127,138,164)
```
#7686ad
```
#7686ad rgb(118,134,173)
```
#6e83b5
```
#6e83b5 rgb(110,131,181)
```
#657fbe
```
#657fbe rgb(101,127,190)
```
#5d7cc6
```
#5d7cc6 rgb(93,124,198)
```
#5579ce
```
#5579ce rgb(85,121,206)
```
#4c75d7
```
#4c75d7 rgb(76,117,215)
```
#4472df
```
#4472df rgb(68,114,223)
```
#3b6ee8
```
#3b6ee8 rgb(59,110,232)
```
#336bf0
```
#336bf0 rgb(51,107,240)
```
#2a67f9
```
#2a67f9 rgb(42,103,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6882c8 Protanopia 1% of men
#5c84c8 Deuteranopia 1% of men
#4f8d97 Tritanopia 0.001% of the population

Trichromacy

#6480c7 Protanomaly 1% of men, 0.01% of women
#5c81c7 Deuteranomaly 6% of men, 0.4% of women
#5487a8 Tritanomaly 0.01% of the population

#5d7cc6 hex color

#5d7cc6 Color Information

#5d7cc6 Color Conversion

Color Schemes with #5d7cc6

Alternatives to #5d7cc6

#5d7cc6 Preview

Shades and Tints of #5d7cc6

Tones of #5d7cc6

Color Blindness Simulator