#5d8af8 hex color

In a RGB color space, hex #5d8af8 is composed of 36.5% red, 54.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 44.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 222.6 degrees, a saturation of 91.7% and a lightness of 66.9%. #5d8af8 color hex could be obtained by blending #baffff with #0015f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 54
- B 97
RGB color chart
- C 63
- M 44
- Y 0
- K 3
CMYK color chart

● #5d8af8 color description : Soft blue.

The hexadecimal color #5d8af8 has RGB values of R:93, G:138, B:248 and CMYK values of C:0.63, M:0.44, Y:0, K:0.03. Its decimal value is 6130424.

Hex triplet	5d8af8	`#5d8af8`
RGB Decimal	93, 138, 248	`rgb(93,138,248)`
RGB Percent	36.5, 54.1, 97.3	`rgb(36.5%,54.1%,97.3%)`
CMYK	63, 44, 0, 3
HSL	222.6°, 91.7, 66.9	`hsl(222.6,91.7%,66.9%)`
HSV (or HSB)	222.6°, 62.5, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.232, 18.195, -59.68
XYZ	30.542, 27.28, 92.458
xyY	0.203, 0.182, 27.28
CIE-LCH	59.232, 62.391, 286.955
CIE-LUV	59.232, -21.157, -96.997
Hunter-Lab	52.23, 12.979, -68.395
Binary	01011101, 10001010, 11111000

#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#f8cb5d
```
#f8cb5d rgb(248,203,93)
```

Complementary Color

#5dd8f8
```
#5dd8f8 rgb(93,216,248)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#7e5df8
```
#7e5df8 rgb(126,93,248)
```

Analogous Color

#d8f85d
```
#d8f85d rgb(216,248,93)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#f87e5d
```
#f87e5d rgb(248,126,93)
```

Split Complementary Color

#8af85d
```
#8af85d rgb(138,248,93)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#f85d8a
```
#f85d8a rgb(248,93,138)
```

Triadic Color

#5df8cb
```
#5df8cb rgb(93,248,203)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#f85d8a
```
#f85d8a rgb(248,93,138)
```
#f8cb5d
```
#f8cb5d rgb(248,203,93)
```

Tetradic Color

#1455f5
```
#1455f5 rgb(20,85,245)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#4578f7
```
#4578f7 rgb(69,120,247)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#759cf9
```
#759cf9 rgb(117,156,249)
```
#8eadfa
```
#8eadfa rgb(142,173,250)
```
#a6bffb
```
#a6bffb rgb(166,191,251)
```

Monochromatic Color

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

#5db1f8
```
#5db1f8 rgb(93,177,248)
```
#5da4f8
```
#5da4f8 rgb(93,164,248)
```
#5d97f8
```
#5d97f8 rgb(93,151,248)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#5d7df8
```
#5d7df8 rgb(93,125,248)
```
#5d70f8
```
#5d70f8 rgb(93,112,248)
```
#5d63f8
```
#5d63f8 rgb(93,99,248)
```

Similar Colors

Text with hexadecimal color #5d8af8

This text has a font color of #5d8af8.

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

#5d8af8 background color

This paragraph has a background color of #5d8af8.

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

#5d8af8 border color

This element has a border color of #5d8af8.

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

CSS codes

.text {color:#5d8af8;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01081a
```
#01081a rgb(1,8,26)
```
#020e2d
```
#020e2d rgb(2,14,45)
```
#031440
```
#031440 rgb(3,20,64)
```
#041a52
```
#041a52 rgb(4,26,82)
```
#042065
```
#042065 rgb(4,32,101)
```
#052778
```
#052778 rgb(5,39,120)
```
#062d8b
```
#062d8b rgb(6,45,139)
```
#07339e
```
#07339e rgb(7,51,158)
```
#0839b0
```
#0839b0 rgb(8,57,176)
```
#083fc3
```
#083fc3 rgb(8,63,195)
```
#0945d6
```
#0945d6 rgb(9,69,214)
```
#0a4be9
```
#0a4be9 rgb(10,75,233)
```

Shade Color Variation

#1254f5
```
#1254f5 rgb(18,84,245)
```
#2561f6
```
#2561f6 rgb(37,97,246)
```
#376ff6
```
#376ff6 rgb(55,111,246)
```
#4a7cf7
```
#4a7cf7 rgb(74,124,247)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#7098f9
```
#7098f9 rgb(112,152,249)
```
#83a5fa
```
#83a5fa rgb(131,165,250)
```
#95b3fa
```
#95b3fa rgb(149,179,250)
```
#a8c0fb
```
#a8c0fb rgb(168,192,251)
```
#bbcefc
```
#bbcefc rgb(187,206,252)
```
#cedbfd
```
#cedbfd rgb(206,219,253)
```
#e1e9fe
```
#e1e9fe rgb(225,233,254)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#a5a8b1
```
#a5a8b1 rgb(165,168,177)
```
#9ea5b7
```
#9ea5b7 rgb(158,165,183)
```
#98a3be
```
#98a3be rgb(152,163,190)
```
#91a0c4
```
#91a0c4 rgb(145,160,196)
```
#8b9dcb
```
#8b9dcb rgb(139,157,203)
```
#849ad1
```
#849ad1 rgb(132,154,209)
```
#7e98d8
```
#7e98d8 rgb(126,152,216)
```
#7795de
```
#7795de rgb(119,149,222)
```
#7192e5
```
#7192e5 rgb(113,146,229)
```
#6a8feb
```
#6a8feb rgb(106,143,235)
```
#648df2
```
#648df2 rgb(100,141,242)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#5687ff
```
#5687ff rgb(86,135,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#80899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f91f9 Protanopia 1% of men
#3896f5 Deuteranopia 1% of men
#2ba2ad Tritanopia 0.001% of the population

Trichromacy

#5e8ef8 Protanomaly 1% of men, 0.01% of women
#4591f6 Deuteranomaly 6% of men, 0.4% of women
#3d99c8 Tritanomaly 0.01% of the population

#5d8af8 hex color

#5d8af8 Color Information

#5d8af8 Color Conversion

Color Schemes with #5d8af8

Alternatives to #5d8af8

#5d8af8 Preview

Shades and Tints of #5d8af8

Tones of #5d8af8

Color Blindness Simulator