#5d8fef hex color

In a RGB color space, hex #5d8fef is composed of 36.5% red, 56.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 40.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 219.5 degrees, a saturation of 82% and a lightness of 65.1%. #5d8fef color hex could be obtained by blending #baffff with #001fdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 56
- B 94
RGB color chart
- C 61
- M 40
- Y 0
- K 6
CMYK color chart

● #5d8fef color description : Soft blue.

The hexadecimal color #5d8fef has RGB values of R:93, G:143, B:239 and CMYK values of C:0.61, M:0.4, Y:0, K:0.06. Its decimal value is 6131695.

Hex triplet	5d8fef	`#5d8fef`
RGB Decimal	93, 143, 239	`rgb(93,143,239)`
RGB Percent	36.5, 56.1, 93.7	`rgb(36.5%,56.1%,93.7%)`
CMYK	61, 40, 0, 6
HSL	219.5°, 82, 65.1	`hsl(219.5,82%,65.1%)`
HSV (or HSB)	219.5°, 61.1, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.071, 12.211, -53.375
XYZ	29.913, 28.202, 85.524
xyY	0.208, 0.196, 28.202
CIE-LCH	60.071, 54.754, 282.887
CIE-LUV	60.071, -22.803, -86.37
Hunter-Lab	53.106, 7.61, -58.309
Binary	01011101, 10001111, 11101111

#5d8fef
```
#5d8fef rgb(93,143,239)
```
#efbd5d
```
#efbd5d rgb(239,189,93)
```

Complementary Color

#5dd8ef
```
#5dd8ef rgb(93,216,239)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#745def
```
#745def rgb(116,93,239)
```

Analogous Color

#d8ef5d
```
#d8ef5d rgb(216,239,93)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#ef745d
```
#ef745d rgb(239,116,93)
```

Split Complementary Color

#8fef5d
```
#8fef5d rgb(143,239,93)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#ef5d8f
```
#ef5d8f rgb(239,93,143)
```

Triadic Color

#5defbd
```
#5defbd rgb(93,239,189)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#ef5d8f
```
#ef5d8f rgb(239,93,143)
```
#efbd5d
```
#efbd5d rgb(239,189,93)
```

Tetradic Color

#175fe8
```
#175fe8 rgb(23,95,232)
```
#2f6fea
```
#2f6fea rgb(47,111,234)
```
#467fed
```
#467fed rgb(70,127,237)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#749ff1
```
#749ff1 rgb(116,159,241)
```
#8baff4
```
#8baff4 rgb(139,175,244)
```
#a3bff6
```
#a3bff6 rgb(163,191,246)
```

Monochromatic Color

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

#5db4ef
```
#5db4ef rgb(93,180,239)
```
#5da7ef
```
#5da7ef rgb(93,167,239)
```
#5d9bef
```
#5d9bef rgb(93,155,239)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#5d83ef
```
#5d83ef rgb(93,131,239)
```
#5d77ef
```
#5d77ef rgb(93,119,239)
```
#5d6bef
```
#5d6bef rgb(93,107,239)
```

Similar Colors

Text with hexadecimal color #5d8fef

This text has a font color of #5d8fef.

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

#5d8fef background color

This paragraph has a background color of #5d8fef.

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

#5d8fef border color

This element has a border color of #5d8fef.

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

CSS codes

.text {color:#5d8fef;}

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

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

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

#020711
```
#020711 rgb(2,7,17)
```
#030e22
```
#030e22 rgb(3,14,34)
```
#051534
```
#051534 rgb(5,21,52)
```
#071d46
```
#071d46 rgb(7,29,70)
```
#092458
```
#092458 rgb(9,36,88)
```
#0a2b6a
```
#0a2b6a rgb(10,43,106)
```
#0c327c
```
#0c327c rgb(12,50,124)
```
#0e3a8d
```
#0e3a8d rgb(14,58,141)
```
#10419f
```
#10419f rgb(16,65,159)
```
#1248b1
```
#1248b1 rgb(18,72,177)
```
#134fc3
```
#134fc3 rgb(19,79,195)
```
#1557d5
```
#1557d5 rgb(21,87,213)
```
#175ee7
```
#175ee7 rgb(23,94,231)
```

Shade Color Variation

#276aea
```
#276aea rgb(39,106,234)
```
#3976eb
```
#3976eb rgb(57,118,235)
```
#4b83ed
```
#4b83ed rgb(75,131,237)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#6f9bf1
```
#6f9bf1 rgb(111,155,241)
```
#81a8f3
```
#81a8f3 rgb(129,168,243)
```
#93b4f4
```
#93b4f4 rgb(147,180,244)
```
#a4c0f6
```
#a4c0f6 rgb(164,192,246)
```
#b6cdf8
```
#b6cdf8 rgb(182,205,248)
```
#c8d9fa
```
#c8d9fa rgb(200,217,250)
```
#dae5fb
```
#dae5fb rgb(218,229,251)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a1a5ab
```
#a1a5ab rgb(161,165,171)
```
#9ba2b1
```
#9ba2b1 rgb(155,162,177)
```
#94a0b8
```
#94a0b8 rgb(148,160,184)
```
#8d9ebf
```
#8d9ebf rgb(141,158,191)
```
#869cc6
```
#869cc6 rgb(134,156,198)
```
#7f9acd
```
#7f9acd rgb(127,154,205)
```
#7898d4
```
#7898d4 rgb(120,152,212)
```
#7295da
```
#7295da rgb(114,149,218)
```
#6b93e1
```
#6b93e1 rgb(107,147,225)
```
#6491e8
```
#6491e8 rgb(100,145,232)
```
#5d8fef
```
#5d8fef rgb(93,143,239)
```
#568df6
```
#568df6 rgb(86,141,246)
```
#4f8bfd
```
#4f8bfd rgb(79,139,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#828c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d93ee Protanopia 1% of men
#5597ee Deuteranopia 1% of men
#3aa3af Tritanopia 0.001% of the population

Trichromacy

#6791ee Protanomaly 1% of men, 0.01% of women
#5894ee Deuteranomaly 6% of men, 0.4% of women
#479cc6 Tritanomaly 0.01% of the population

#5d8fef hex color

#5d8fef Color Information

#5d8fef Color Conversion

Color Schemes with #5d8fef

Alternatives to #5d8fef

#5d8fef Preview

Shades and Tints of #5d8fef

Tones of #5d8fef

Color Blindness Simulator