#5e77af hex color

In a RGB color space, hex #5e77af is composed of 36.9% red, 46.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 32% magenta, 0% yellow and 31.4% black. It has a hue angle of 221.5 degrees, a saturation of 33.6% and a lightness of 52.7%. #5e77af color hex could be obtained by blending #bceeff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 69
RGB color chart
- C 46
- M 32
- Y 0
- K 31
CMYK color chart

● #5e77af color description : Dark moderate blue.

The hexadecimal color #5e77af has RGB values of R:94, G:119, B:175 and CMYK values of C:0.46, M:0.32, Y:0, K:0.31. Its decimal value is 6191023.

Hex triplet	5e77af	`#5e77af`
RGB Decimal	94, 119, 175	`rgb(94,119,175)`
RGB Percent	36.9, 46.7, 68.6	`rgb(36.9%,46.7%,68.6%)`
CMYK	46, 32, 0, 31
HSL	221.5°, 33.6, 52.7	`hsl(221.5,33.6%,52.7%)`
HSV (or HSB)	221.5°, 46.3, 68.6
Web Safe	666699	`#666699`

CIE-LAB	50.296, 6.333, -32.613
XYZ	18.949, 18.668, 43.16
xyY	0.235, 0.231, 18.668
CIE-LCH	50.296, 33.222, 280.99
CIE-LUV	50.296, -13.684, -49.822
Hunter-Lab	43.206, 2.675, -28.982
Binary	01011110, 01110111, 10101111

#5e77af
```
#5e77af rgb(94,119,175)
```
#af965e
```
#af965e rgb(175,150,94)
```

Complementary Color

#5ea0af
```
#5ea0af rgb(94,160,175)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#6e5eaf
```
#6e5eaf rgb(110,94,175)
```

Analogous Color

#a0af5e
```
#a0af5e rgb(160,175,94)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#af6e5e
```
#af6e5e rgb(175,110,94)
```

Split Complementary Color

#77af5e
```
#77af5e rgb(119,175,94)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#af5e77
```
#af5e77 rgb(175,94,119)
```

Triadic Color

#5eaf96
```
#5eaf96 rgb(94,175,150)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#af5e77
```
#af5e77 rgb(175,94,119)
```
#af965e
```
#af965e rgb(175,150,94)
```

Tetradic Color

#405481
```
#405481 rgb(64,84,129)
```
#485f92
```
#485f92 rgb(72,95,146)
```
#516aa3
```
#516aa3 rgb(81,106,163)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#6f85b7
```
#6f85b7 rgb(111,133,183)
```
#8094c0
```
#8094c0 rgb(128,148,192)
```
#91a2c8
```
#91a2c8 rgb(145,162,200)
```

Monochromatic Color

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

#5e8baf
```
#5e8baf rgb(94,139,175)
```
#5e85af
```
#5e85af rgb(94,133,175)
```
#5e7eaf
```
#5e7eaf rgb(94,126,175)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#5e70af
```
#5e70af rgb(94,112,175)
```
#5e6aaf
```
#5e6aaf rgb(94,106,175)
```
#5e63af
```
#5e63af rgb(94,99,175)
```

Similar Colors

Text with hexadecimal color #5e77af

This text has a font color of #5e77af.

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

#5e77af background color

This paragraph has a background color of #5e77af.

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

#5e77af border color

This element has a border color of #5e77af.

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

CSS codes

.text {color:#5e77af;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0b0f16
```
#0b0f16 rgb(11,15,22)
```
#121724
```
#121724 rgb(18,23,36)
```
#182031
```
#182031 rgb(24,32,49)
```
#1f283e
```
#1f283e rgb(31,40,62)
```
#25314b
```
#25314b rgb(37,49,75)
```
#2c3958
```
#2c3958 rgb(44,57,88)
```
#324265
```
#324265 rgb(50,66,101)
```
#394a72
```
#394a72 rgb(57,74,114)
```
#3f537f
```
#3f537f rgb(63,83,127)
```
#465c8c
```
#465c8c rgb(70,92,140)
```
#4c6499
```
#4c6499 rgb(76,100,153)
```
#536da7
```
#536da7 rgb(83,109,167)
```

Shade Color Variation

#5e77af
```
#5e77af rgb(94,119,175)
```
#6b82b6
```
#6b82b6 rgb(107,130,182)
```
#788dbc
```
#788dbc rgb(120,141,188)
```
#8598c3
```
#8598c3 rgb(133,152,195)
```
#92a3c9
```
#92a3c9 rgb(146,163,201)
```
#a0aed0
```
#a0aed0 rgb(160,174,208)
```
#adb9d6
```
#adb9d6 rgb(173,185,214)
```
#bac4dd
```
#bac4dd rgb(186,196,221)
```
#c7d0e3
```
#c7d0e3 rgb(199,208,227)
```
#d4dbea
```
#d4dbea rgb(212,219,234)
```
#e1e6f0
```
#e1e6f0 rgb(225,230,240)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858a is the less saturated color, while #145bf9 is the most saturated one.

#83858a
```
#83858a rgb(131,133,138)
```
#7a8293
```
#7a8293 rgb(122,130,147)
```
#717e9c
```
#717e9c rgb(113,126,156)
```
#677ba6
```
#677ba6 rgb(103,123,166)
```
#5e77af
```
#5e77af rgb(94,119,175)
```
#5573b8
```
#5573b8 rgb(85,115,184)
```
#4b70c2
```
#4b70c2 rgb(75,112,194)
```
#426ccb
```
#426ccb rgb(66,108,203)
```
#3969d4
```
#3969d4 rgb(57,105,212)
```
#3065dd
```
#3065dd rgb(48,101,221)
```
#2662e7
```
#2662e7 rgb(38,98,231)
```
#1d5ef0
```
#1d5ef0 rgb(29,94,240)
```
#145bf9
```
#145bf9 rgb(20,91,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#717681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7cb2 Protanopia 1% of men
#667db3 Deuteranopia 1% of men
#59858f Tritanopia 0.001% of the population

Trichromacy

#667ab1 Protanomaly 1% of men, 0.01% of women
#637bb1 Deuteranomaly 6% of men, 0.4% of women
#5b809a Tritanomaly 0.01% of the population

#5e77af hex color

#5e77af Color Information

#5e77af Color Conversion

Color Schemes with #5e77af

Alternatives to #5e77af

#5e77af Preview

Shades and Tints of #5e77af

Tones of #5e77af

Color Blindness Simulator