#5d9fe5 hex color

In a RGB color space, hex #5d9fe5 is composed of 36.5% red, 62.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 30.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 210.9 degrees, a saturation of 72.3% and a lightness of 63.1%. #5d9fe5 color hex could be obtained by blending #baffff with #003fcb. Closest websafe color is: #6699cc.

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

● #5d9fe5 color description : Soft blue.

The hexadecimal color #5d9fe5 has RGB values of R:93, G:159, B:229 and CMYK values of C:0.59, M:0.31, Y:0, K:0.1. Its decimal value is 6135781.

Hex triplet	5d9fe5	`#5d9fe5`
RGB Decimal	93, 159, 229	`rgb(93,159,229)`
RGB Percent	36.5, 62.4, 89.8	`rgb(36.5%,62.4%,89.8%)`
CMYK	59, 31, 0, 10
HSL	210.9°, 72.3, 63.1	`hsl(210.9,72.3%,63.1%)`
HSV (or HSB)	210.9°, 59.4, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.981, -0.381, -41.676
XYZ	31.052, 32.779, 78.815
xyY	0.218, 0.23, 32.779
CIE-LCH	63.981, 41.678, 269.476
CIE-LUV	63.981, -28.472, -66.33
Hunter-Lab	57.253, -3.38, -41.543
Binary	01011101, 10011111, 11100101

#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#e5a35d
```
#e5a35d rgb(229,163,93)
```

Complementary Color

#5de3e5
```
#5de3e5 rgb(93,227,229)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#5f5de5
```
#5f5de5 rgb(95,93,229)
```

Analogous Color

#e3e55d
```
#e3e55d rgb(227,229,93)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#e55f5d
```
#e55f5d rgb(229,95,93)
```

Split Complementary Color

#9fe55d
```
#9fe55d rgb(159,229,93)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#e55d9f
```
#e55d9f rgb(229,93,159)
```

Triadic Color

#5de5a3
```
#5de5a3 rgb(93,229,163)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#e55d9f
```
#e55d9f rgb(229,93,159)
```
#e5a35d
```
#e5a35d rgb(229,163,93)
```

Tetradic Color

#2278d4
```
#2278d4 rgb(34,120,212)
```
#3185de
```
#3185de rgb(49,133,222)
```
#4792e1
```
#4792e1 rgb(71,146,225)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#73ace9
```
#73ace9 rgb(115,172,233)
```
#89b9ec
```
#89b9ec rgb(137,185,236)
```
#9fc6f0
```
#9fc6f0 rgb(159,198,240)
```

Monochromatic Color

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

#5dc1e5
```
#5dc1e5 rgb(93,193,229)
```
#5db6e5
```
#5db6e5 rgb(93,182,229)
```
#5daae5
```
#5daae5 rgb(93,170,229)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#5d94e5
```
#5d94e5 rgb(93,148,229)
```
#5d88e5
```
#5d88e5 rgb(93,136,229)
```
#5d7de5
```
#5d7de5 rgb(93,125,229)
```

Similar Colors

Text with hexadecimal color #5d9fe5

This text has a font color of #5d9fe5.

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

#5d9fe5 background color

This paragraph has a background color of #5d9fe5.

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

#5d9fe5 border color

This element has a border color of #5d9fe5.

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

CSS codes

.text {color:#5d9fe5;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#071729
```
#071729 rgb(7,23,41)
```
#09213a
```
#09213a rgb(9,33,58)
```
#0c2a4b
```
#0c2a4b rgb(12,42,75)
```
#0f345c
```
#0f345c rgb(15,52,92)
```
#113e6c
```
#113e6c rgb(17,62,108)
```
#14477d
```
#14477d rgb(20,71,125)
```
#17518e
```
#17518e rgb(23,81,142)
```
#1a5a9f
```
#1a5a9f rgb(26,90,159)
```
#1c64b0
```
#1c64b0 rgb(28,100,176)
```
#1f6ec1
```
#1f6ec1 rgb(31,110,193)
```
#2277d2
```
#2277d2 rgb(34,119,210)
```

Shade Color Variation

#2a81dd
```
#2a81dd rgb(42,129,221)
```
#3b8be0
```
#3b8be0 rgb(59,139,224)
```
#4c95e2
```
#4c95e2 rgb(76,149,226)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#6ea9e8
```
#6ea9e8 rgb(110,169,232)
```
#7fb3ea
```
#7fb3ea rgb(127,179,234)
```
#90bded
```
#90bded rgb(144,189,237)
```
#a1c7f0
```
#a1c7f0 rgb(161,199,240)
```
#b2d1f3
```
#b2d1f3 rgb(178,209,243)
```
#c2dbf5
```
#c2dbf5 rgb(194,219,245)
```
#d3e5f8
```
#d3e5f8 rgb(211,229,248)
```
#e4effb
```
#e4effb rgb(228,239,251)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#9ea1a4
```
#9ea1a4 rgb(158,161,164)
```
#97a1ab
```
#97a1ab rgb(151,161,171)
```
#90a0b2
```
#90a0b2 rgb(144,160,178)
```
#88a0ba
```
#88a0ba rgb(136,160,186)
```
#81a0c1
```
#81a0c1 rgb(129,160,193)
```
#7aa0c8
```
#7aa0c8 rgb(122,160,200)
```
#73a0cf
```
#73a0cf rgb(115,160,207)
```
#6b9fd7
```
#6b9fd7 rgb(107,159,215)
```
#649fde
```
#649fde rgb(100,159,222)
```
#5d9fe5
```
#5d9fe5 rgb(93,159,229)
```
#569fec
```
#569fec rgb(86,159,236)
```
#4f9ff3
```
#4f9ff3 rgb(79,159,243)
```
#479efb
```
#479efb rgb(71,158,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8895a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889de1 Protanopia 1% of men
#7c9fe8 Deuteranopia 1% of men
#4badb9 Tritanopia 0.001% of the population

Trichromacy

#789ee3 Protanomaly 1% of men, 0.01% of women
#709fe6 Deuteranomaly 6% of men, 0.4% of women
#51a8c9 Tritanomaly 0.01% of the population

#5d9fe5 hex color

#5d9fe5 Color Information

#5d9fe5 Color Conversion

Color Schemes with #5d9fe5

Alternatives to #5d9fe5

#5d9fe5 Preview

Shades and Tints of #5d9fe5

Tones of #5d9fe5

Color Blindness Simulator