#5d93e6 hex color

In a RGB color space, hex #5d93e6 is composed of 36.5% red, 57.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 36.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 216.4 degrees, a saturation of 73.3% and a lightness of 63.3%. #5d93e6 color hex could be obtained by blending #baffff with #0027cd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 58
- B 90
RGB color chart
- C 60
- M 36
- Y 0
- K 10
CMYK color chart

● #5d93e6 color description : Soft blue.

The hexadecimal color #5d93e6 has RGB values of R:93, G:147, B:230 and CMYK values of C:0.6, M:0.36, Y:0, K:0.1. Its decimal value is 6132710.

Hex triplet	5d93e6	`#5d93e6`
RGB Decimal	93, 147, 230	`rgb(93,147,230)`
RGB Percent	36.5, 57.6, 90.2	`rgb(36.5%,57.6%,90.2%)`
CMYK	60, 36, 0, 10
HSL	216.4°, 73.3, 63.3	`hsl(216.4,73.3%,63.3%)`
HSV (or HSB)	216.4°, 59.6, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.699, 6.888, -47.399
XYZ	29.228, 28.906, 78.898
xyY	0.213, 0.211, 28.906
CIE-LCH	60.699, 47.897, 278.268
CIE-LUV	60.699, -24.231, -76.089
Hunter-Lab	53.764, 2.95, -49.372
Binary	01011101, 10010011, 11100110

#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#e6b05d
```
#e6b05d rgb(230,176,93)
```

Complementary Color

#5dd8e6
```
#5dd8e6 rgb(93,216,230)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#6c5de6
```
#6c5de6 rgb(108,93,230)
```

Analogous Color

#d8e65d
```
#d8e65d rgb(216,230,93)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#e66c5d
```
#e66c5d rgb(230,108,93)
```

Split Complementary Color

#93e65d
```
#93e65d rgb(147,230,93)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#e65d93
```
#e65d93 rgb(230,93,147)
```

Triadic Color

#5de6b0
```
#5de6b0 rgb(93,230,176)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#e65d93
```
#e65d93 rgb(230,93,147)
```
#e6b05d
```
#e6b05d rgb(230,176,93)
```

Tetradic Color

#2168d6
```
#2168d6 rgb(33,104,214)
```
#3176df
```
#3176df rgb(49,118,223)
```
#4784e3
```
#4784e3 rgb(71,132,227)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#73a2e9
```
#73a2e9 rgb(115,162,233)
```
#89b0ed
```
#89b0ed rgb(137,176,237)
```
#9fbff0
```
#9fbff0 rgb(159,191,240)
```

Monochromatic Color

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

#5db5e6
```
#5db5e6 rgb(93,181,230)
```
#5daae6
```
#5daae6 rgb(93,170,230)
```
#5d9ee6
```
#5d9ee6 rgb(93,158,230)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#5d88e6
```
#5d88e6 rgb(93,136,230)
```
#5d7ce6
```
#5d7ce6 rgb(93,124,230)
```
#5d71e6
```
#5d71e6 rgb(93,113,230)
```

Similar Colors

Text with hexadecimal color #5d93e6

This text has a font color of #5d93e6.

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

#5d93e6 background color

This paragraph has a background color of #5d93e6.

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

#5d93e6 border color

This element has a border color of #5d93e6.

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

CSS codes

.text {color:#5d93e6;}

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

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

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, #010408 is the darkest color, while #f6f9fe is the lightest one.

#010408
```
#010408 rgb(1,4,8)
```
#040c19
```
#040c19 rgb(4,12,25)
```
#06142a
```
#06142a rgb(6,20,42)
```
#091d3b
```
#091d3b rgb(9,29,59)
```
#0c254c
```
#0c254c rgb(12,37,76)
```
#0e2d5d
```
#0e2d5d rgb(14,45,93)
```
#11366e
```
#11366e rgb(17,54,110)
```
#143e7f
```
#143e7f rgb(20,62,127)
```
#164690
```
#164690 rgb(22,70,144)
```
#194ea1
```
#194ea1 rgb(25,78,161)
```
#1b57b2
```
#1b57b2 rgb(27,87,178)
```
#1e5fc3
```
#1e5fc3 rgb(30,95,195)
```
#2167d4
```
#2167d4 rgb(33,103,212)
```

Shade Color Variation

#2a71de
```
#2a71de rgb(42,113,222)
```
#3b7ce1
```
#3b7ce1 rgb(59,124,225)
```
#4c88e3
```
#4c88e3 rgb(76,136,227)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#6e9ee9
```
#6e9ee9 rgb(110,158,233)
```
#7faaeb
```
#7faaeb rgb(127,170,235)
```
#90b5ee
```
#90b5ee rgb(144,181,238)
```
#a1c0f0
```
#a1c0f0 rgb(161,192,240)
```
#b2ccf3
```
#b2ccf3 rgb(178,204,243)
```
#c3d7f6
```
#c3d7f6 rgb(195,215,246)
```
#d4e2f8
```
#d4e2f8 rgb(212,226,248)
```
#e5eefb
```
#e5eefb rgb(229,238,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#9ea1a5
```
#9ea1a5 rgb(158,161,165)
```
#979fac
```
#979fac rgb(151,159,172)
```
#8f9eb4
```
#8f9eb4 rgb(143,158,180)
```
#889cbb
```
#889cbb rgb(136,156,187)
```
#819bc2
```
#819bc2 rgb(129,155,194)
```
#7a99c9
```
#7a99c9 rgb(122,153,201)
```
#7398d0
```
#7398d0 rgb(115,152,208)
```
#6b96d8
```
#6b96d8 rgb(107,150,216)
```
#6495df
```
#6495df rgb(100,149,223)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#5691ed
```
#5691ed rgb(86,145,237)
```
#4f90f4
```
#4f90f4 rgb(79,144,244)
```
#478efc
```
#478efc rgb(71,142,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#838d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7895e4 Protanopia 1% of men
#6798e7 Deuteranopia 1% of men
#44a4b0 Tritanopia 0.001% of the population

Trichromacy

#6e94e5 Protanomaly 1% of men, 0.01% of women
#6396e6 Deuteranomaly 6% of men, 0.4% of women
#4d9ec4 Tritanomaly 0.01% of the population

#5d93e6 hex color

#5d93e6 Color Information

#5d93e6 Color Conversion

Color Schemes with #5d93e6

Alternatives to #5d93e6

#5d93e6 Preview

Shades and Tints of #5d93e6

Tones of #5d93e6

Color Blindness Simulator