#5d8eff hex color

In a RGB color space, hex #5d8eff is composed of 36.5% red, 55.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 44.3% magenta, 0% yellow and 0% black. It has a hue angle of 221.9 degrees, a saturation of 100% and a lightness of 68.2%. #5d8eff color hex could be obtained by blending #baffff with #001dff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 56
- B 100
RGB color chart
- C 64
- M 44
- Y 0
- K 0
CMYK color chart

● #5d8eff color description : Light blue.

The hexadecimal color #5d8eff has RGB values of R:93, G:142, B:255 and CMYK values of C:0.64, M:0.44, Y:0, K:0. Its decimal value is 6131455.

Hex triplet	5d8eff	`#5d8eff`
RGB Decimal	93, 142, 255	`rgb(93,142,255)`
RGB Percent	36.5, 55.7, 100	`rgb(36.5%,55.7%,100%)`
CMYK	64, 44, 0, 0
HSL	221.9°, 100, 68.2	`hsl(221.9,100%,68.2%)`
HSV (or HSB)	221.9°, 63.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.685, 18.138, -61.2
XYZ	32.233, 28.891, 98.48
xyY	0.202, 0.181, 28.891
CIE-LCH	60.685, 63.831, 286.508
CIE-LUV	60.685, -22.423, -99.933
Hunter-Lab	53.751, 12.98, -71.004
Binary	01011101, 10001110, 11111111

#5d8eff
```
#5d8eff rgb(93,142,255)
```
#ffce5d
```
#ffce5d rgb(255,206,93)
```

Complementary Color

#5ddfff
```
#5ddfff rgb(93,223,255)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#7d5dff
```
#7d5dff rgb(125,93,255)
```

Analogous Color

#dfff5d
```
#dfff5d rgb(223,255,93)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#ff7d5d
```
#ff7d5d rgb(255,125,93)
```

Split Complementary Color

#8eff5d
```
#8eff5d rgb(142,255,93)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#ff5d8e
```
#ff5d8e rgb(255,93,142)
```

Triadic Color

#5dffce
```
#5dffce rgb(93,255,206)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#ff5d8e
```
#ff5d8e rgb(255,93,142)
```
#ffce5d
```
#ffce5d rgb(255,206,93)
```

Tetradic Color

#1159ff
```
#1159ff rgb(17,89,255)
```
#2a6aff
```
#2a6aff rgb(42,106,255)
```
#447cff
```
#447cff rgb(68,124,255)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#77a0ff
```
#77a0ff rgb(119,160,255)
```
#90b2ff
```
#90b2ff rgb(144,178,255)
```
#aac3ff
```
#aac3ff rgb(170,195,255)
```

Monochromatic Color

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

#5db7ff
```
#5db7ff rgb(93,183,255)
```
#5da9ff
```
#5da9ff rgb(93,169,255)
```
#5d9cff
```
#5d9cff rgb(93,156,255)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#5d81ff
```
#5d81ff rgb(93,129,255)
```
#5d73ff
```
#5d73ff rgb(93,115,255)
```
#5d66ff
```
#5d66ff rgb(93,102,255)
```

Similar Colors

Text with hexadecimal color #5d8eff

This text has a font color of #5d8eff.

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

#5d8eff background color

This paragraph has a background color of #5d8eff.

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

#5d8eff border color

This element has a border color of #5d8eff.

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

CSS codes

.text {color:#5d8eff;}

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

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

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, #00040f is the darkest color, while #fafbff is the lightest one.

#00040f
```
#00040f rgb(0,4,15)
```
#000a22
```
#000a22 rgb(0,10,34)
```
#001036
```
#001036 rgb(0,16,54)
```
#001649
```
#001649 rgb(0,22,73)
```
#001c5d
```
#001c5d rgb(0,28,93)
```
#002271
```
#002271 rgb(0,34,113)
```
#002884
```
#002884 rgb(0,40,132)
```
#002e98
```
#002e98 rgb(0,46,152)
```
#0034ab
```
#0034ab rgb(0,52,171)
```
#003abf
```
#003abf rgb(0,58,191)
```
#0040d3
```
#0040d3 rgb(0,64,211)
```
#0046e6
```
#0046e6 rgb(0,70,230)
```
#004cfa
```
#004cfa rgb(0,76,250)
```

Shade Color Variation

#0f57ff
```
#0f57ff rgb(15,87,255)
```
#2265ff
```
#2265ff rgb(34,101,255)
```
#3673ff
```
#3673ff rgb(54,115,255)
```
#4980ff
```
#4980ff rgb(73,128,255)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```
#719cff
```
#719cff rgb(113,156,255)
```
#84a9ff
```
#84a9ff rgb(132,169,255)
```
#98b7ff
```
#98b7ff rgb(152,183,255)
```
#abc5ff
```
#abc5ff rgb(171,197,255)
```
#bfd2ff
```
#bfd2ff rgb(191,210,255)
```
#d3e0ff
```
#d3e0ff rgb(211,224,255)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#a8acb4
```
#a8acb4 rgb(168,172,180)
```
#a2a9ba
```
#a2a9ba rgb(162,169,186)
```
#9ba7c1
```
#9ba7c1 rgb(155,167,193)
```
#95a4c7
```
#95a4c7 rgb(149,164,199)
```
#8fa2cd
```
#8fa2cd rgb(143,162,205)
```
#899fd3
```
#899fd3 rgb(137,159,211)
```
#829dda
```
#829dda rgb(130,157,218)
```
#7c9ae0
```
#7c9ae0 rgb(124,154,224)
```
#7698e6
```
#7698e6 rgb(118,152,230)
```
#7095ec
```
#7095ec rgb(112,149,236)
```
#6993f3
```
#6993f3 rgb(105,147,243)
```
#6390f9
```
#6390f9 rgb(99,144,249)
```
#5d8eff
```
#5d8eff rgb(93,142,255)
```

Tone Color Variation

Below, you can see how #5d8eff 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
#838ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6194ff Protanopia 1% of men
#3799fc Deuteranopia 1% of men
#22a6b2 Tritanopia 0.001% of the population

Trichromacy

#5f92ff Protanomaly 1% of men, 0.01% of women
#4495fd Deuteranomaly 6% of men, 0.4% of women
#379dce Tritanomaly 0.01% of the population

#5d8eff hex color

#5d8eff Color Information

#5d8eff Color Conversion

Color Schemes with #5d8eff

Alternatives to #5d8eff

#5d8eff Preview

Shades and Tints of #5d8eff

Tones of #5d8eff

Color Blindness Simulator