#5d84ae hex color

In a RGB color space, hex #5d84ae is composed of 36.5% red, 51.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 24.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 211.1 degrees, a saturation of 33.3% and a lightness of 52.4%. #5d84ae color hex could be obtained by blending #baffff with #00095d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 52
- B 68
RGB color chart
- C 47
- M 24
- Y 0
- K 32
CMYK color chart

● #5d84ae color description : Dark moderate blue.

The hexadecimal color #5d84ae has RGB values of R:93, G:132, B:174 and CMYK values of C:0.47, M:0.24, Y:0, K:0.32. Its decimal value is 6128814.

Hex triplet	5d84ae	`#5d84ae`
RGB Decimal	93, 132, 174	`rgb(93,132,174)`
RGB Percent	36.5, 51.8, 68.2	`rgb(36.5%,51.8%,68.2%)`
CMYK	47, 24, 0, 32
HSL	211.1°, 33.3, 52.4	`hsl(211.1,33.3%,52.4%)`
HSV (or HSB)	211.1°, 46.6, 68.2
Web Safe	669999	`#669999`

CIE-LAB	53.904, -1.93, -26.427
XYZ	20.404, 21.885, 43.191
xyY	0.239, 0.256, 21.885
CIE-LCH	53.904, 26.497, 265.824
CIE-LUV	53.904, -19.051, -39.589
Hunter-Lab	46.781, -4.014, -21.993
Binary	01011101, 10000100, 10101110

#5d84ae
```
#5d84ae rgb(93,132,174)
```
#ae875d
```
#ae875d rgb(174,135,93)
```

Complementary Color

#5dadae
```
#5dadae rgb(93,173,174)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#5f5dae
```
#5f5dae rgb(95,93,174)
```

Analogous Color

#adae5d
```
#adae5d rgb(173,174,93)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#ae5f5d
```
#ae5f5d rgb(174,95,93)
```

Split Complementary Color

#84ae5d
```
#84ae5d rgb(132,174,93)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#ae5d84
```
#ae5d84 rgb(174,93,132)
```

Triadic Color

#5dae87
```
#5dae87 rgb(93,174,135)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#ae5d84
```
#ae5d84 rgb(174,93,132)
```
#ae875d
```
#ae875d rgb(174,135,93)
```

Tetradic Color

#405e7f
```
#405e7f rgb(64,94,127)
```
#486b90
```
#486b90 rgb(72,107,144)
```
#5177a1
```
#5177a1 rgb(81,119,161)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#6e91b7
```
#6e91b7 rgb(110,145,183)
```
#7f9ebf
```
#7f9ebf rgb(127,158,191)
```
#90abc8
```
#90abc8 rgb(144,171,200)
```

Monochromatic Color

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

#5d98ae
```
#5d98ae rgb(93,152,174)
```
#5d92ae
```
#5d92ae rgb(93,146,174)
```
#5d8bae
```
#5d8bae rgb(93,139,174)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#5d7dae
```
#5d7dae rgb(93,125,174)
```
#5d77ae
```
#5d77ae rgb(93,119,174)
```
#5d70ae
```
#5d70ae rgb(93,112,174)
```

Similar Colors

Text with hexadecimal color #5d84ae

This text has a font color of #5d84ae.

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

#5d84ae background color

This paragraph has a background color of #5d84ae.

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

#5d84ae border color

This element has a border color of #5d84ae.

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

CSS codes

.text {color:#5d84ae;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1015
```
#0b1015 rgb(11,16,21)
```
#111922
```
#111922 rgb(17,25,34)
```
#18232f
```
#18232f rgb(24,35,47)
```
#1e2d3c
```
#1e2d3c rgb(30,45,60)
```
#253649
```
#253649 rgb(37,54,73)
```
#2b4056
```
#2b4056 rgb(43,64,86)
```
#324a64
```
#324a64 rgb(50,74,100)
```
#385371
```
#385371 rgb(56,83,113)
```
#3f5d7e
```
#3f5d7e rgb(63,93,126)
```
#45678b
```
#45678b rgb(69,103,139)
```
#4c7098
```
#4c7098 rgb(76,112,152)
```
#527aa5
```
#527aa5 rgb(82,122,165)
```

Shade Color Variation

#5d84ae
```
#5d84ae rgb(93,132,174)
```
#6a8eb5
```
#6a8eb5 rgb(106,142,181)
```
#7798bb
```
#7798bb rgb(119,152,187)
```
#84a2c2
```
#84a2c2 rgb(132,162,194)
```
#91acc8
```
#91acc8 rgb(145,172,200)
```
#9eb6cf
```
#9eb6cf rgb(158,182,207)
```
#abc0d5
```
#abc0d5 rgb(171,192,213)
```
#b9cadc
```
#b9cadc rgb(185,202,220)
```
#c6d3e2
```
#c6d3e2 rgb(198,211,226)
```
#d3dde9
```
#d3dde9 rgb(211,221,233)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#828589
```
#828589 rgb(130,133,137)
```
#798592
```
#798592 rgb(121,133,146)
```
#70859b
```
#70859b rgb(112,133,155)
```
#6684a5
```
#6684a5 rgb(102,132,165)
```
#5d84ae
```
#5d84ae rgb(93,132,174)
```
#5484b7
```
#5484b7 rgb(84,132,183)
```
#4a83c1
```
#4a83c1 rgb(74,131,193)
```
#4183ca
```
#4183ca rgb(65,131,202)
```
#3883d3
```
#3883d3 rgb(56,131,211)
```
#2e82dd
```
#2e82dd rgb(46,130,221)
```
#2582e6
```
#2582e6 rgb(37,130,230)
```
#1c82ef
```
#1c82ef rgb(28,130,239)
```
#1281f9
```
#1281f9 rgb(18,129,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b85af Protanopia 1% of men
#7885b3 Deuteranopia 1% of men
#5c8f99 Tritanopia 0.001% of the population

Trichromacy

#7085ae Protanomaly 1% of men, 0.01% of women
#6e85b1 Deuteranomaly 6% of men, 0.4% of women
#5c8ba1 Tritanomaly 0.01% of the population

#5d84ae hex color

#5d84ae Color Information

#5d84ae Color Conversion

Color Schemes with #5d84ae

Alternatives to #5d84ae

#5d84ae Preview

Shades and Tints of #5d84ae

Tones of #5d84ae

Color Blindness Simulator