#5d8aee hex color

In a RGB color space, hex #5d8aee is composed of 36.5% red, 54.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 42% magenta, 0% yellow and 6.7% black. It has a hue angle of 221.4 degrees, a saturation of 81% and a lightness of 64.9%. #5d8aee color hex could be obtained by blending #baffff with #0015dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 54
- B 93
RGB color chart
- C 61
- M 42
- Y 0
- K 7
CMYK color chart

● #5d8aee color description : Soft blue.

The hexadecimal color #5d8aee has RGB values of R:93, G:138, B:238 and CMYK values of C:0.61, M:0.42, Y:0, K:0.07. Its decimal value is 6130414.

Hex triplet	5d8aee	`#5d8aee`
RGB Decimal	93, 138, 238	`rgb(93,138,238)`
RGB Percent	36.5, 54.1, 93.3	`rgb(36.5%,54.1%,93.3%)`
CMYK	61, 42, 0, 7
HSL	221.4°, 81, 64.9	`hsl(221.4,81%,64.9%)`
HSV (or HSB)	221.4°, 60.9, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.673, 14.865, -55.049
XYZ	29.032, 26.675, 84.503
xyY	0.207, 0.19, 26.675
CIE-LCH	58.673, 57.021, 285.112
CIE-LUV	58.673, -21.153, -88.983
Hunter-Lab	51.648, 9.952, -60.852
Binary	01011101, 10001010, 11101110

#5d8aee
```
#5d8aee rgb(93,138,238)
```
#eec15d
```
#eec15d rgb(238,193,93)
```

Complementary Color

#5dd3ee
```
#5dd3ee rgb(93,211,238)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#795dee
```
#795dee rgb(121,93,238)
```

Analogous Color

#d3ee5d
```
#d3ee5d rgb(211,238,93)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#ee795d
```
#ee795d rgb(238,121,93)
```

Split Complementary Color

#8aee5d
```
#8aee5d rgb(138,238,93)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#ee5d8a
```
#ee5d8a rgb(238,93,138)
```

Triadic Color

#5deec1
```
#5deec1 rgb(93,238,193)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#ee5d8a
```
#ee5d8a rgb(238,93,138)
```
#eec15d
```
#eec15d rgb(238,193,93)
```

Tetradic Color

#1858e6
```
#1858e6 rgb(24,88,230)
```
#2f69e9
```
#2f69e9 rgb(47,105,233)
```
#4679ec
```
#4679ec rgb(70,121,236)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#749bf0
```
#749bf0 rgb(116,155,240)
```
#8babf3
```
#8babf3 rgb(139,171,243)
```
#a2bcf5
```
#a2bcf5 rgb(162,188,245)
```

Monochromatic Color

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

#5daeee
```
#5daeee rgb(93,174,238)
```
#5da2ee
```
#5da2ee rgb(93,162,238)
```
#5d96ee
```
#5d96ee rgb(93,150,238)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#5d7eee
```
#5d7eee rgb(93,126,238)
```
#5d72ee
```
#5d72ee rgb(93,114,238)
```
#5d66ee
```
#5d66ee rgb(93,102,238)
```

Similar Colors

Text with hexadecimal color #5d8aee

This text has a font color of #5d8aee.

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

#5d8aee background color

This paragraph has a background color of #5d8aee.

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

#5d8aee border color

This element has a border color of #5d8aee.

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

CSS codes

.text {color:#5d8aee;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#030d21
```
#030d21 rgb(3,13,33)
```
#051433
```
#051433 rgb(5,20,51)
```
#071a45
```
#071a45 rgb(7,26,69)
```
#092157
```
#092157 rgb(9,33,87)
```
#0b2868
```
#0b2868 rgb(11,40,104)
```
#0d2f7a
```
#0d2f7a rgb(13,47,122)
```
#0f368c
```
#0f368c rgb(15,54,140)
```
#113c9e
```
#113c9e rgb(17,60,158)
```
#1243af
```
#1243af rgb(18,67,175)
```
#144ac1
```
#144ac1 rgb(20,74,193)
```
#1651d3
```
#1651d3 rgb(22,81,211)
```
#1857e5
```
#1857e5 rgb(24,87,229)
```

Shade Color Variation

#2864e8
```
#2864e8 rgb(40,100,232)
```
#3970ea
```
#3970ea rgb(57,112,234)
```
#4b7dec
```
#4b7dec rgb(75,125,236)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#6f97f0
```
#6f97f0 rgb(111,151,240)
```
#81a4f2
```
#81a4f2 rgb(129,164,242)
```
#92b0f4
```
#92b0f4 rgb(146,176,244)
```
#a4bdf5
```
#a4bdf5 rgb(164,189,245)
```
#b6caf7
```
#b6caf7 rgb(182,202,247)
```
#c8d7f9
```
#c8d7f9 rgb(200,215,249)
```
#d9e4fb
```
#d9e4fb rgb(217,228,251)
```
#ebf1fd
```
#ebf1fd rgb(235,241,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a2a4a9
```
#a2a4a9 rgb(162,164,169)
```
#9ba2b0
```
#9ba2b0 rgb(155,162,176)
```
#949fb7
```
#949fb7 rgb(148,159,183)
```
#8d9cbe
```
#8d9cbe rgb(141,156,190)
```
#869ac5
```
#869ac5 rgb(134,154,197)
```
#7f97cc
```
#7f97cc rgb(127,151,204)
```
#7994d2
```
#7994d2 rgb(121,148,210)
```
#7292d9
```
#7292d9 rgb(114,146,217)
```
#6b8fe0
```
#6b8fe0 rgb(107,143,224)
```
#648de7
```
#648de7 rgb(100,141,231)
```
#5d8aee
```
#5d8aee rgb(93,138,238)
```
#5687f5
```
#5687f5 rgb(86,135,245)
```
#4f85fc
```
#4f85fc rgb(79,133,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7f889c Atypical Achromatopsia 0.001% of the population

Dichromacy

#668fee Protanopia 1% of men
#4a94ed Deuteranopia 1% of men
#389fab Tritanopia 0.001% of the population

Trichromacy

#628dee Protanomaly 1% of men, 0.01% of women
#5190ed Deuteranomaly 6% of men, 0.4% of women
#4597c3 Tritanomaly 0.01% of the population

#5d8aee hex color

#5d8aee Color Information

#5d8aee Color Conversion

Color Schemes with #5d8aee

Alternatives to #5d8aee

#5d8aee Preview

Shades and Tints of #5d8aee

Tones of #5d8aee

Color Blindness Simulator