#5d84ac hex color

In a RGB color space, hex #5d84ac is composed of 36.5% red, 51.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 23.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 210.4 degrees, a saturation of 32.2% and a lightness of 52%. #5d84ac color hex could be obtained by blending #baffff with #000959. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 52
- B 67
RGB color chart
- C 46
- M 23
- Y 0
- K 33
CMYK color chart

● #5d84ac color description : Dark moderate blue.

The hexadecimal color #5d84ac has RGB values of R:93, G:132, B:172 and CMYK values of C:0.46, M:0.23, Y:0, K:0.33. Its decimal value is 6128812.

Hex triplet	5d84ac	`#5d84ac`
RGB Decimal	93, 132, 172	`rgb(93,132,172)`
RGB Percent	36.5, 51.8, 67.5	`rgb(36.5%,51.8%,67.5%)`
CMYK	46, 23, 0, 33
HSL	210.4°, 32.2, 52	`hsl(210.4,32.2%,52%)`
HSV (or HSB)	210.4°, 45.9, 67.5
Web Safe	669999	`#669999`

CIE-LAB	53.822, -2.523, -25.404
XYZ	20.21, 21.807, 42.172
xyY	0.24, 0.259, 21.807
CIE-LCH	53.822, 25.529, 264.327
CIE-LUV	53.822, -19.053, -37.874
Hunter-Lab	46.698, -4.47, -20.854
Binary	01011101, 10000100, 10101100

#5d84ac
```
#5d84ac rgb(93,132,172)
```
#ac855d
```
#ac855d rgb(172,133,93)
```

Complementary Color

#5dacac
```
#5dacac rgb(93,172,172)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#5e5dac
```
#5e5dac rgb(94,93,172)
```

Analogous Color

#acac5d
```
#acac5d rgb(172,172,93)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#ac5e5d
```
#ac5e5d rgb(172,94,93)
```

Split Complementary Color

#84ac5d
```
#84ac5d rgb(132,172,93)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#ac5d84
```
#ac5d84 rgb(172,93,132)
```

Triadic Color

#5dac85
```
#5dac85 rgb(93,172,133)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#ac5d84
```
#ac5d84 rgb(172,93,132)
```
#ac855d
```
#ac855d rgb(172,133,93)
```

Tetradic Color

#405e7d
```
#405e7d rgb(64,94,125)
```
#486b8e
```
#486b8e rgb(72,107,142)
```
#51779e
```
#51779e rgb(81,119,158)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#6e91b5
```
#6e91b5 rgb(110,145,181)
```
#7f9ebd
```
#7f9ebd rgb(127,158,189)
```
#90aac6
```
#90aac6 rgb(144,170,198)
```

Monochromatic Color

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

#5d98ac
```
#5d98ac rgb(93,152,172)
```
#5d91ac
```
#5d91ac rgb(93,145,172)
```
#5d8bac
```
#5d8bac rgb(93,139,172)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#5d7dac
```
#5d7dac rgb(93,125,172)
```
#5d77ac
```
#5d77ac rgb(93,119,172)
```
#5d70ac
```
#5d70ac rgb(93,112,172)
```

Similar Colors

Text with hexadecimal color #5d84ac

This text has a font color of #5d84ac.

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

#5d84ac background color

This paragraph has a background color of #5d84ac.

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

#5d84ac border color

This element has a border color of #5d84ac.

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

CSS codes

.text {color:#5d84ac;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#111921
```
#111921 rgb(17,25,33)
```
#17222e
```
#17222e rgb(23,34,46)
```
#1e2c3a
```
#1e2c3a rgb(30,44,58)
```
#253647
```
#253647 rgb(37,54,71)
```
#2b4054
```
#2b4054 rgb(43,64,84)
```
#324961
```
#324961 rgb(50,73,97)
```
#39536e
```
#39536e rgb(57,83,110)
```
#3f5d7b
```
#3f5d7b rgb(63,93,123)
```
#466788
```
#466788 rgb(70,103,136)
```
#4c7095
```
#4c7095 rgb(76,112,149)
```
#537aa2
```
#537aa2 rgb(83,122,162)
```

Shade Color Variation

#5d84ac
```
#5d84ac rgb(93,132,172)
```
#6a8eb3
```
#6a8eb3 rgb(106,142,179)
```
#7798b9
```
#7798b9 rgb(119,152,185)
```
#84a2c0
```
#84a2c0 rgb(132,162,192)
```
#91abc7
```
#91abc7 rgb(145,171,199)
```
#9eb5cd
```
#9eb5cd rgb(158,181,205)
```
#abbfd4
```
#abbfd4 rgb(171,191,212)
```
#b8c9db
```
#b8c9db rgb(184,201,219)
```
#c5d3e1
```
#c5d3e1 rgb(197,211,225)
```
#d2dde8
```
#d2dde8 rgb(210,221,232)
```
#dfe6ee
```
#dfe6ee rgb(223,230,238)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#838486
```
#838486 rgb(131,132,134)
```
#798490
```
#798490 rgb(121,132,144)
```
#708499
```
#708499 rgb(112,132,153)
```
#6684a3
```
#6684a3 rgb(102,132,163)
```
#5d84ac
```
#5d84ac rgb(93,132,172)
```
#5484b5
```
#5484b5 rgb(84,132,181)
```
#4a84bf
```
#4a84bf rgb(74,132,191)
```
#4184c8
```
#4184c8 rgb(65,132,200)
```
#3784d2
```
#3784d2 rgb(55,132,210)
```
#2e83db
```
#2e83db rgb(46,131,219)
```
#2483e5
```
#2483e5 rgb(36,131,229)
```
#1b83ee
```
#1b83ee rgb(27,131,238)
```
#1283f7
```
#1283f7 rgb(18,131,247)
```

Tone Color Variation

Below, you can see how #5d84ac 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
#777e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b85ad Protanopia 1% of men
#7985b2 Deuteranopia 1% of men
#5c8e99 Tritanopia 0.001% of the population

Trichromacy

#7085ac Protanomaly 1% of men, 0.01% of women
#6f84af Deuteranomaly 6% of men, 0.4% of women
#5c8aa0 Tritanomaly 0.01% of the population

#5d84ac hex color

#5d84ac Color Information

#5d84ac Color Conversion

Color Schemes with #5d84ac

Alternatives to #5d84ac

#5d84ac Preview

Shades and Tints of #5d84ac

Tones of #5d84ac

Color Blindness Simulator