#5d8fa4 hex color

In a RGB color space, hex #5d8fa4 is composed of 36.5% red, 56.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 12.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 197.7 degrees, a saturation of 28.1% and a lightness of 50.4%. #5d8fa4 color hex could be obtained by blending #baffff with #001f49. Closest websafe color is: #669999.

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

● #5d8fa4 color description : Mostly desaturated dark blue.

The hexadecimal color #5d8fa4 has RGB values of R:93, G:143, B:164 and CMYK values of C:0.43, M:0.13, Y:0, K:0.36. Its decimal value is 6131620.

Hex triplet	5d8fa4	`#5d8fa4`
RGB Decimal	93, 143, 164	`rgb(93,143,164)`
RGB Percent	36.5, 56.1, 64.3	`rgb(36.5%,56.1%,64.3%)`
CMYK	43, 13, 0, 36
HSL	197.7°, 28.1, 50.4	`hsl(197.7,28.1%,50.4%)`
HSV (or HSB)	197.7°, 43.3, 64.3
Web Safe	669999	`#669999`

CIE-LAB	56.734, -11.066, -16.352
XYZ	21.036, 24.651, 38.77
xyY	0.249, 0.292, 24.651
CIE-LCH	56.734, 19.744, 235.913
CIE-LUV	56.734, -23.538, -22.744
Hunter-Lab	49.65, -11.26, -11.542
Binary	01011101, 10001111, 10100100

#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#a4725d
```
#a4725d rgb(164,114,93)
```

Complementary Color

#5da496
```
#5da496 rgb(93,164,150)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#5d6ca4
```
#5d6ca4 rgb(93,108,164)
```

Analogous Color

#a4965d
```
#a4965d rgb(164,150,93)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#a45d6c
```
#a45d6c rgb(164,93,108)
```

Split Complementary Color

#8fa45d
```
#8fa45d rgb(143,164,93)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#a45d8f
```
#a45d8f rgb(164,93,143)
```

Triadic Color

#5da472
```
#5da472 rgb(93,164,114)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#a45d8f
```
#a45d8f rgb(164,93,143)
```
#a4725d
```
#a4725d rgb(164,114,93)
```

Tetradic Color

#416574
```
#416574 rgb(65,101,116)
```
#4a7384
```
#4a7384 rgb(74,115,132)
```
#538194
```
#538194 rgb(83,129,148)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#6d9aad
```
#6d9aad rgb(109,154,173)
```
#7ea6b6
```
#7ea6b6 rgb(126,166,182)
```
#8eb1c0
```
#8eb1c0 rgb(142,177,192)
```

Monochromatic Color

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

#5da1a4
```
#5da1a4 rgb(93,161,164)
```
#5d9ba4
```
#5d9ba4 rgb(93,155,164)
```
#5d95a4
```
#5d95a4 rgb(93,149,164)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#5d89a4
```
#5d89a4 rgb(93,137,164)
```
#5d83a4
```
#5d83a4 rgb(93,131,164)
```
#5d7da4
```
#5d7da4 rgb(93,125,164)
```

Similar Colors

Text with hexadecimal color #5d8fa4

This text has a font color of #5d8fa4.

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

#5d8fa4 background color

This paragraph has a background color of #5d8fa4.

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

#5d8fa4 border color

This element has a border color of #5d8fa4.

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

CSS codes

.text {color:#5d8fa4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#0f171a
```
#0f171a rgb(15,23,26)
```
#162227
```
#162227 rgb(22,34,39)
```
#1d2d34
```
#1d2d34 rgb(29,45,52)
```
#243840
```
#243840 rgb(36,56,64)
```
#2b434d
```
#2b434d rgb(43,67,77)
```
#324e59
```
#324e59 rgb(50,78,89)
```
#395966
```
#395966 rgb(57,89,102)
```
#406472
```
#406472 rgb(64,100,114)
```
#476e7f
```
#476e7f rgb(71,110,127)
```
#4e798b
```
#4e798b rgb(78,121,139)
```
#558498
```
#558498 rgb(85,132,152)
```

Shade Color Variation

#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#6a98ab
```
#6a98ab rgb(106,152,171)
```
#76a0b2
```
#76a0b2 rgb(118,160,178)
```
#83a9b9
```
#83a9b9 rgb(131,169,185)
```
#8fb2c0
```
#8fb2c0 rgb(143,178,192)
```
#9cbac7
```
#9cbac7 rgb(156,186,199)
```
#a8c3ce
```
#a8c3ce rgb(168,195,206)
```
#b5ccd5
```
#b5ccd5 rgb(181,204,213)
```
#c1d4dc
```
#c1d4dc rgb(193,212,220)
```
#cedde3
```
#cedde3 rgb(206,221,227)
```
#dbe6eb
```
#dbe6eb rgb(219,230,235)
```
#e7eff2
```
#e7eff2 rgb(231,239,242)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8387 is the less saturated color, while #05b3fc is the most saturated one.

#7a8387
```
#7a8387 rgb(122,131,135)
```
#708791
```
#708791 rgb(112,135,145)
```
#678b9a
```
#678b9a rgb(103,139,154)
```
#5d8fa4
```
#5d8fa4 rgb(93,143,164)
```
#5393ae
```
#5393ae rgb(83,147,174)
```
#4a97b7
```
#4a97b7 rgb(74,151,183)
```
#409bc1
```
#409bc1 rgb(64,155,193)
```
#369fcb
```
#369fcb rgb(54,159,203)
```
#2ca3d5
```
#2ca3d5 rgb(44,163,213)
```
#23a7de
```
#23a7de rgb(35,167,222)
```
#19abe8
```
#19abe8 rgb(25,171,232)
```
#0faff2
```
#0faff2 rgb(15,175,242)
```
#05b3fc
```
#05b3fc rgb(5,179,252)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b8589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898da4 Protanopia 1% of men
#8b8bac Deuteranopia 1% of men
#6296a1 Tritanopia 0.001% of the population

Trichromacy

#798da4 Protanomaly 1% of men, 0.01% of women
#7a8ca9 Deuteranomaly 6% of men, 0.4% of women
#6093a2 Tritanomaly 0.01% of the population

#5d8fa4 hex color

#5d8fa4 Color Information

#5d8fa4 Color Conversion

Color Schemes with #5d8fa4

Alternatives to #5d8fa4

#5d8fa4 Preview

Shades and Tints of #5d8fa4

Tones of #5d8fa4

Color Blindness Simulator