#5d7de8 hex color

In a RGB color space, hex #5d7de8 is composed of 36.5% red, 49% green and 91% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 46.1% magenta, 0% yellow and 9% black. It has a hue angle of 226.2 degrees, a saturation of 75.1% and a lightness of 63.7%. #5d7de8 color hex could be obtained by blending #bafaff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 49
- B 91
RGB color chart
- C 60
- M 46
- Y 0
- K 9
CMYK color chart

● #5d7de8 color description : Soft blue.

The hexadecimal color #5d7de8 has RGB values of R:93, G:125, B:232 and CMYK values of C:0.6, M:0.46, Y:0, K:0.09. Its decimal value is 6127080.

Hex triplet	5d7de8	`#5d7de8`
RGB Decimal	93, 125, 232	`rgb(93,125,232)`
RGB Percent	36.5, 49, 91	`rgb(36.5%,49%,91%)`
CMYK	60, 46, 0, 9
HSL	226.2°, 75.1, 63.7	`hsl(226.2,75.1%,63.7%)`
HSV (or HSB)	226.2°, 59.9, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.886, 20.732, -57.766
XYZ	26.41, 22.819, 79.352
xyY	0.205, 0.177, 22.819
CIE-LCH	54.886, 61.373, 289.743
CIE-LUV	54.886, -16.933, -92.656
Hunter-Lab	47.769, 15.091, -65.051
Binary	01011101, 01111101, 11101000

#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#e8c85d
```
#e8c85d rgb(232,200,93)
```

Complementary Color

#5dc3e8
```
#5dc3e8 rgb(93,195,232)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#835de8
```
#835de8 rgb(131,93,232)
```

Analogous Color

#c3e85d
```
#c3e85d rgb(195,232,93)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#e8835d
```
#e8835d rgb(232,131,93)
```

Split Complementary Color

#7de85d
```
#7de85d rgb(125,232,93)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#e85d7d
```
#e85d7d rgb(232,93,125)
```

Triadic Color

#5de8c8
```
#5de8c8 rgb(93,232,200)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#e85d7d
```
#e85d7d rgb(232,93,125)
```
#e8c85d
```
#e8c85d rgb(232,200,93)
```

Tetradic Color

#1f4ada
```
#1f4ada rgb(31,74,218)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#476be5
```
#476be5 rgb(71,107,229)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#738feb
```
#738feb rgb(115,143,235)
```
#8aa1ee
```
#8aa1ee rgb(138,161,238)
```
#a0b3f2
```
#a0b3f2 rgb(160,179,242)
```

Monochromatic Color

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

#5da0e8
```
#5da0e8 rgb(93,160,232)
```
#5d94e8
```
#5d94e8 rgb(93,148,232)
```
#5d89e8
```
#5d89e8 rgb(93,137,232)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#5d71e8
```
#5d71e8 rgb(93,113,232)
```
#5d66e8
```
#5d66e8 rgb(93,102,232)
```
#605de8
```
#605de8 rgb(96,93,232)
```

Similar Colors

Text with hexadecimal color #5d7de8

This text has a font color of #5d7de8.

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

#5d7de8 background color

This paragraph has a background color of #5d7de8.

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

#5d7de8 border color

This element has a border color of #5d7de8.

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

CSS codes

.text {color:#5d7de8;}

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

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

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

#01030a
```
#01030a rgb(1,3,10)
```
#04091b
```
#04091b rgb(4,9,27)
```
#060f2c
```
#060f2c rgb(6,15,44)
```
#09153d
```
#09153d rgb(9,21,61)
```
#0b1b4e
```
#0b1b4e rgb(11,27,78)
```
#0e2060
```
#0e2060 rgb(14,32,96)
```
#102671
```
#102671 rgb(16,38,113)
```
#122c82
```
#122c82 rgb(18,44,130)
```
#153293
```
#153293 rgb(21,50,147)
```
#1738a4
```
#1738a4 rgb(23,56,164)
```
#1a3eb6
```
#1a3eb6 rgb(26,62,182)
```
#1c43c7
```
#1c43c7 rgb(28,67,199)
```
#1f49d8
```
#1f49d8 rgb(31,73,216)
```

Shade Color Variation

#2954e1
```
#2954e1 rgb(41,84,225)
```
#3b61e3
```
#3b61e3 rgb(59,97,227)
```
#4c6fe6
```
#4c6fe6 rgb(76,111,230)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#6e8bea
```
#6e8bea rgb(110,139,234)
```
#7f99ed
```
#7f99ed rgb(127,153,237)
```
#91a6ef
```
#91a6ef rgb(145,166,239)
```
#a2b4f2
```
#a2b4f2 rgb(162,180,242)
```
#b3c2f4
```
#b3c2f4 rgb(179,194,244)
```
#c4d0f7
```
#c4d0f7 rgb(196,208,247)
```
#d5ddf9
```
#d5ddf9 rgb(213,221,249)
```
#e6ebfc
```
#e6ebfc rgb(230,235,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a8 is the less saturated color, while #4871fd is the most saturated one.

#9da0a8
```
#9da0a8 rgb(157,160,168)
```
#969caf
```
#969caf rgb(150,156,175)
```
#8f98b6
```
#8f98b6 rgb(143,152,182)
```
#8894bd
```
#8894bd rgb(136,148,189)
```
#8190c4
```
#8190c4 rgb(129,144,196)
```
#798ccc
```
#798ccc rgb(121,140,204)
```
#7289d3
```
#7289d3 rgb(114,137,211)
```
#6b85da
```
#6b85da rgb(107,133,218)
```
#6481e1
```
#6481e1 rgb(100,129,225)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#5679ef
```
#5679ef rgb(86,121,239)
```
#4f75f6
```
#4f75f6 rgb(79,117,246)
```
#4871fd
```
#4871fd rgb(72,113,253)
```

Tone Color Variation

Below, you can see how #5d7de8 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
#797f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5386eb Protanopia 1% of men
#2d8be5 Deuteranopia 1% of men
#3795a0 Tritanopia 0.001% of the population

Trichromacy

#5683ea Protanomaly 1% of men, 0.01% of women
#3e86e6 Deuteranomaly 6% of men, 0.4% of women
#458cba Tritanomaly 0.01% of the population

#5d7de8 hex color

#5d7de8 Color Information

#5d7de8 Color Conversion

Color Schemes with #5d7de8

Alternatives to #5d7de8

#5d7de8 Preview

Shades and Tints of #5d7de8

Tones of #5d7de8

Color Blindness Simulator