#5d7cc4 hex color

In a RGB color space, hex #5d7cc4 is composed of 36.5% red, 48.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 36.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 221.9 degrees, a saturation of 46.6% and a lightness of 56.7%. #5d7cc4 color hex could be obtained by blending #baf8ff with #000089. Closest websafe color is: #6666cc.

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

● #5d7cc4 color description : Moderate blue.

The hexadecimal color #5d7cc4 has RGB values of R:93, G:124, B:196 and CMYK values of C:0.53, M:0.37, Y:0, K:0.23. Its decimal value is 6126788.

Hex triplet	5d7cc4	`#5d7cc4`
RGB Decimal	93, 124, 196	`rgb(93,124,196)`
RGB Percent	36.5, 48.6, 76.9	`rgb(36.5%,48.6%,76.9%)`
CMYK	53, 37, 0, 23
HSL	221.9°, 46.6, 56.7	`hsl(221.9,46.6%,56.7%)`
HSV (or HSB)	221.9°, 52.6, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.649, 9.613, -40.997
XYZ	21.684, 20.727, 55.08
xyY	0.222, 0.213, 20.727
CIE-LCH	52.649, 42.109, 283.197
CIE-LUV	52.649, -16.163, -64.079
Hunter-Lab	45.527, 5.344, -39.862
Binary	01011101, 01111100, 11000100

#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#c4a55d
```
#c4a55d rgb(196,165,93)
```

Complementary Color

#5db0c4
```
#5db0c4 rgb(93,176,196)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#725dc4
```
#725dc4 rgb(114,93,196)
```

Analogous Color

#b0c45d
```
#b0c45d rgb(176,196,93)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#c4725d
```
#c4725d rgb(196,114,93)
```

Split Complementary Color

#7cc45d
```
#7cc45d rgb(124,196,93)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#c45d7c
```
#c45d7c rgb(196,93,124)
```

Triadic Color

#5dc4a5
```
#5dc4a5 rgb(93,196,165)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#c45d7c
```
#c45d7c rgb(196,93,124)
```
#c4a55d
```
#c4a55d rgb(196,165,93)
```

Tetradic Color

#39579c
```
#39579c rgb(57,87,156)
```
#4061ae
```
#4061ae rgb(64,97,174)
```
#4a6dbd
```
#4a6dbd rgb(74,109,189)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#708bcb
```
#708bcb rgb(112,139,203)
```
#829ad2
```
#829ad2 rgb(130,154,210)
```
#95a9d8
```
#95a9d8 rgb(149,169,216)
```

Monochromatic Color

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

#5d96c4
```
#5d96c4 rgb(93,150,196)
```
#5d8dc4
```
#5d8dc4 rgb(93,141,196)
```
#5d85c4
```
#5d85c4 rgb(93,133,196)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#5d73c4
```
#5d73c4 rgb(93,115,196)
```
#5d6bc4
```
#5d6bc4 rgb(93,107,196)
```
#5d62c4
```
#5d62c4 rgb(93,98,196)
```

Similar Colors

Text with hexadecimal color #5d7cc4

This text has a font color of #5d7cc4.

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

#5d7cc4 background color

This paragraph has a background color of #5d7cc4.

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

#5d7cc4 border color

This element has a border color of #5d7cc4.

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

CSS codes

.text {color:#5d7cc4;}

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

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

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, #04060b is the darkest color, while #fbfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0e1627
```
#0e1627 rgb(14,22,39)
```
#141e36
```
#141e36 rgb(20,30,54)
```
#192644
```
#192644 rgb(25,38,68)
```
#1e2e52
```
#1e2e52 rgb(30,46,82)
```
#233661
```
#233661 rgb(35,54,97)
```
#283e6f
```
#283e6f rgb(40,62,111)
```
#2e467e
```
#2e467e rgb(46,70,126)
```
#334e8c
```
#334e8c rgb(51,78,140)
```
#38569a
```
#38569a rgb(56,86,154)
```
#3d5ea9
```
#3d5ea9 rgb(61,94,169)
```
#4366b7
```
#4366b7 rgb(67,102,183)
```

Shade Color Variation

#4f70bf
```
#4f70bf rgb(79,112,191)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#6b88c9
```
#6b88c9 rgb(107,136,201)
```
#7a93ce
```
#7a93ce rgb(122,147,206)
```
#889fd4
```
#889fd4 rgb(136,159,212)
```
#97abd9
```
#97abd9 rgb(151,171,217)
```
#a5b6de
```
#a5b6de rgb(165,182,222)
```
#b3c2e3
```
#b3c2e3 rgb(179,194,227)
```
#c2cde9
```
#c2cde9 rgb(194,205,233)
```
#d0d9ee
```
#d0d9ee rgb(208,217,238)
```
#dee5f3
```
#dee5f3 rgb(222,229,243)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#909091
```
#909091 rgb(144,144,145)
```
#888d9a
```
#888d9a rgb(136,141,154)
```
#7f8aa2
```
#7f8aa2 rgb(127,138,162)
```
#7786ab
```
#7786ab rgb(119,134,171)
```
#6e83b3
```
#6e83b3 rgb(110,131,179)
```
#667fbc
```
#667fbc rgb(102,127,188)
```
#5d7cc4
```
#5d7cc4 rgb(93,124,196)
```
#5579cd
```
#5579cd rgb(85,121,205)
```
#4c75d5
```
#4c75d5 rgb(76,117,213)
```
#4472de
```
#4472de rgb(68,114,222)
```
#3b6ee6
```
#3b6ee6 rgb(59,110,230)
```
#336bef
```
#336bef rgb(51,107,239)
```
#2a68f7
```
#2a68f7 rgb(42,104,247)
```

Tone Color Variation

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

#6982c6 Protanopia 1% of men
#5e84c6 Deuteranopia 1% of men
#508d97 Tritanopia 0.001% of the population

Trichromacy

#647fc5 Protanomaly 1% of men, 0.01% of women
#5d81c5 Deuteranomaly 6% of men, 0.4% of women
#5586a7 Tritanomaly 0.01% of the population

#5d7cc4 hex color

#5d7cc4 Color Information

#5d7cc4 Color Conversion

Color Schemes with #5d7cc4

Alternatives to #5d7cc4

#5d7cc4 Preview

Shades and Tints of #5d7cc4

Tones of #5d7cc4

Color Blindness Simulator