#5d778e hex color

In a RGB color space, hex #5d778e is composed of 36.5% red, 46.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 34.5% cyan, 16.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 208.2 degrees, a saturation of 20.9% and a lightness of 46.1%. #5d778e color hex could be obtained by blending #baeeff with #00001d. Closest websafe color is: #666699.

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

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

The hexadecimal color #5d778e has RGB values of R:93, G:119, B:142 and CMYK values of C:0.35, M:0.16, Y:0, K:0.44. Its decimal value is 6125454.

Hex triplet	5d778e	`#5d778e`
RGB Decimal	93, 119, 142	`rgb(93,119,142)`
RGB Percent	36.5, 46.7, 55.7	`rgb(36.5%,46.7%,55.7%)`
CMYK	35, 16, 0, 44
HSL	208.2°, 20.9, 46.1	`hsl(208.2,20.9%,46.1%)`
HSV (or HSB)	208.2°, 34.5, 55.7
Web Safe	666699	`#666699`

CIE-LAB	48.851, -3.496, -15.552
XYZ	15.992, 17.473, 28.12
xyY	0.26, 0.284, 17.473
CIE-LCH	48.851, 15.94, 257.331
CIE-LUV	48.851, -13.557, -21.883
Hunter-Lab	41.801, -4.86, -10.624
Binary	01011101, 01110111, 10001110

#5d778e
```
#5d778e rgb(93,119,142)
```
#8e745d
```
#8e745d rgb(142,116,93)
```

Complementary Color

#5d8e8d
```
#5d8e8d rgb(93,142,141)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#5d5f8e
```
#5d5f8e rgb(93,95,142)
```

Analogous Color

#8e8d5d
```
#8e8d5d rgb(142,141,93)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#8e5d5f
```
#8e5d5f rgb(142,93,95)
```

Split Complementary Color

#778e5d
```
#778e5d rgb(119,142,93)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#8e5d77
```
#8e5d77 rgb(142,93,119)
```

Triadic Color

#5d8e74
```
#5d8e74 rgb(93,142,116)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#8e5d77
```
#8e5d77 rgb(142,93,119)
```
#8e745d
```
#8e745d rgb(142,116,93)
```

Tetradic Color

#3f5060
```
#3f5060 rgb(63,80,96)
```
#495d6f
```
#495d6f rgb(73,93,111)
```
#536a7f
```
#536a7f rgb(83,106,127)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#68849c
```
#68849c rgb(104,132,156)
```
#7890a6
```
#7890a6 rgb(120,144,166)
```
#879db0
```
#879db0 rgb(135,157,176)
```

Monochromatic Color

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

#5d838e
```
#5d838e rgb(93,131,142)
```
#5d7f8e
```
#5d7f8e rgb(93,127,142)
```
#5d7b8e
```
#5d7b8e rgb(93,123,142)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#5d738e
```
#5d738e rgb(93,115,142)
```
#5d6f8e
```
#5d6f8e rgb(93,111,142)
```
#5d6b8e
```
#5d6b8e rgb(93,107,142)
```

Similar Colors

Text with hexadecimal color #5d778e

This text has a font color of #5d778e.

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

#5d778e background color

This paragraph has a background color of #5d778e.

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

#5d778e border color

This element has a border color of #5d778e.

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

CSS codes

.text {color:#5d778e;}

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

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

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, #080a0c is the darkest color, while #ffffff is the lightest one.

#080a0c
```
#080a0c rgb(8,10,12)
```
#0f1417
```
#0f1417 rgb(15,20,23)
```
#171e23
```
#171e23 rgb(23,30,35)
```
#1f282f
```
#1f282f rgb(31,40,47)
```
#27313b
```
#27313b rgb(39,49,59)
```
#2e3b47
```
#2e3b47 rgb(46,59,71)
```
#364553
```
#364553 rgb(54,69,83)
```
#3e4f5f
```
#3e4f5f rgb(62,79,95)
```
#46596a
```
#46596a rgb(70,89,106)
```
#4d6376
```
#4d6376 rgb(77,99,118)
```
#556d82
```
#556d82 rgb(85,109,130)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#65819a
```
#65819a rgb(101,129,154)
```

Shade Color Variation

#718ba2
```
#718ba2 rgb(113,139,162)
```
#7c94a9
```
#7c94a9 rgb(124,148,169)
```
#889eb1
```
#889eb1 rgb(136,158,177)
```
#94a8b9
```
#94a8b9 rgb(148,168,185)
```
#a0b1c1
```
#a0b1c1 rgb(160,177,193)
```
#acbbc9
```
#acbbc9 rgb(172,187,201)
```
#b8c5d0
```
#b8c5d0 rgb(184,197,208)
```
#c4ced8
```
#c4ced8 rgb(196,206,216)
```
#cfd8e0
```
#cfd8e0 rgb(207,216,224)
```
#dbe2e8
```
#dbe2e8 rgb(219,226,232)
```
#e7ebef
```
#e7ebef rgb(231,235,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f767c is the less saturated color, while #037de8 is the most saturated one.

#6f767c
```
#6f767c rgb(111,118,124)
```
#667685
```
#667685 rgb(102,118,133)
```
#5d778e
```
#5d778e rgb(93,119,142)
```
#547897
```
#547897 rgb(84,120,151)
```
#4b78a0
```
#4b78a0 rgb(75,120,160)
```
#4279a9
```
#4279a9 rgb(66,121,169)
```
#3979b2
```
#3979b2 rgb(57,121,178)
```
#307abb
```
#307abb rgb(48,122,187)
```
#277ac4
```
#277ac4 rgb(39,122,196)
```
#1e7bcd
```
#1e7bcd rgb(30,123,205)
```
#157bd6
```
#157bd6 rgb(21,123,214)
```
#0c7cdf
```
#0c7cdf rgb(12,124,223)
```
#037de8
```
#037de8 rgb(3,125,232)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e7378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767a91 Protanopia 1% of men
#787895 Deuteranopia 1% of men
#628089 Tritanopia 0.001% of the population

Trichromacy

#6c7990 Protanomaly 1% of men, 0.01% of women
#6e7892 Deuteranomaly 6% of men, 0.4% of women
#607c8a Tritanomaly 0.01% of the population

#5d778e hex color

#5d778e Color Information

#5d778e Color Conversion

Color Schemes with #5d778e

Alternatives to #5d778e

#5d778e Preview

Shades and Tints of #5d778e

Tones of #5d778e

Color Blindness Simulator