colorhexa.com

#5d77b5 hex color

In a RGB color space, hex #5d77b5 is composed of 36.5% red, 46.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 34.3% magenta, 0% yellow and 29% black. It has a hue angle of 222.3 degrees, a saturation of 37.3% and a lightness of 53.7%. #5d77b5 color hex could be obtained by blending #baeeff with #00006b. Closest websafe color is: #6666cc.

- R 36
- G 47
- B 71
RGB color chart
- C 49
- M 34
- Y 0
- K 29
CMYK color chart

● #5d77b5 color description : Slightly desaturated blue.

The hexadecimal color #5d77b5 has RGB values of R:93, G:119, B:181 and CMYK values of C:0.49, M:0.34, Y:0, K:0.29. Its decimal value is 6125493.

Hex triplet	5d77b5	`#5d77b5`
RGB Decimal	93, 119, 181	`rgb(93,119,181)`
RGB Percent	36.5, 46.7, 71	`rgb(36.5%,46.7%,71%)`
CMYK	49, 34, 0, 29
HSL	222.3°, 37.3, 53.7	`hsl(222.3,37.3%,53.7%)`
HSV (or HSB)	222.3°, 48.6, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.519, 7.925, -35.74
XYZ	19.45, 18.856, 46.328
xyY	0.23, 0.223, 18.856
CIE-LCH	50.519, 36.608, 282.502
CIE-LUV	50.519, -14.143, -55.007
Hunter-Lab	43.424, 3.96, -32.859
Binary	01011101, 01110111, 10110101

#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#b59b5d
```
#b59b5d rgb(181,155,93)
```

Complementary Color

#5da3b5
```
#5da3b5 rgb(93,163,181)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#6f5db5
```
#6f5db5 rgb(111,93,181)
```

Analogous Color

#a3b55d
```
#a3b55d rgb(163,181,93)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#b56f5d
```
#b56f5d rgb(181,111,93)
```

Split Complementary Color

#77b55d
```
#77b55d rgb(119,181,93)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#b55d77
```
#b55d77 rgb(181,93,119)
```

Triadic Color

#5db59b
```
#5db59b rgb(93,181,155)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#b55d77
```
#b55d77 rgb(181,93,119)
```
#b59b5d
```
#b59b5d rgb(181,155,93)
```

Tetradic Color

#3e5488
```
#3e5488 rgb(62,84,136)
```
#465e99
```
#465e99 rgb(70,94,153)
```
#4e69ab
```
#4e69ab rgb(78,105,171)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#6f86bd
```
#6f86bd rgb(111,134,189)
```
#8094c5
```
#8094c5 rgb(128,148,197)
```
#92a3cd
```
#92a3cd rgb(146,163,205)
```

Monochromatic Color

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

#5d8db5
```
#5d8db5 rgb(93,141,181)
```
#5d86b5
```
#5d86b5 rgb(93,134,181)
```
#5d7eb5
```
#5d7eb5 rgb(93,126,181)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#5d70b5
```
#5d70b5 rgb(93,112,181)
```
#5d68b5
```
#5d68b5 rgb(93,104,181)
```
#5d61b5
```
#5d61b5 rgb(93,97,181)
```

Similar Colors

Text with hexadecimal color #5d77b5

This text has a font color of #5d77b5.

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

#5d77b5 background color

This paragraph has a background color of #5d77b5.

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

#5d77b5 border color

This element has a border color of #5d77b5.

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

CSS codes

.text {color:#5d77b5;}

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

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

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

#06080d
```
#06080d rgb(6,8,13)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#121928
```
#121928 rgb(18,25,40)
```
#182135
```
#182135 rgb(24,33,53)
```
#1f2943
```
#1f2943 rgb(31,41,67)
```
#253250
```
#253250 rgb(37,50,80)
```
#2b3a5e
```
#2b3a5e rgb(43,58,94)
```
#31426b
```
#31426b rgb(49,66,107)
```
#374b79
```
#374b79 rgb(55,75,121)
```
#3d5386
```
#3d5386 rgb(61,83,134)
```
#435b94
```
#435b94 rgb(67,91,148)
```
#4a63a1
```
#4a63a1 rgb(74,99,161)
```
#506caf
```
#506caf rgb(80,108,175)
```

Shade Color Variation

#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#6a82bb
```
#6a82bb rgb(106,130,187)
```
#788ec1
```
#788ec1 rgb(120,142,193)
```
#8599c7
```
#8599c7 rgb(133,153,199)
```
#93a4ce
```
#93a4ce rgb(147,164,206)
```
#a0b0d4
```
#a0b0d4 rgb(160,176,212)
```
#aebbda
```
#aebbda rgb(174,187,218)
```
#bbc6e0
```
#bbc6e0 rgb(187,198,224)
```
#c9d1e6
```
#c9d1e6 rgb(201,209,230)
```
#d6ddec
```
#d6ddec rgb(214,221,236)
```
#e4e8f3
```
#e4e8f3 rgb(228,232,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#818691
```
#818691 rgb(129,134,145)
```
#78829a
```
#78829a rgb(120,130,154)
```
#6f7ea3
```
#6f7ea3 rgb(111,126,163)
```
#667bac
```
#667bac rgb(102,123,172)
```
#5d77b5
```
#5d77b5 rgb(93,119,181)
```
#5473be
```
#5473be rgb(84,115,190)
```
#4b70c7
```
#4b70c7 rgb(75,112,199)
```
#426cd0
```
#426cd0 rgb(66,108,208)
```
#3968d9
```
#3968d9 rgb(57,104,217)
```
#3064e2
```
#3064e2 rgb(48,100,226)
```
#2761eb
```
#2761eb rgb(39,97,235)
```
#1d5df5
```
#1d5df5 rgb(29,93,245)
```
#1459fe
```
#1459fe rgb(20,89,254)
```

Tone Color Variation

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

Dichromacy

#697db8 Protanopia 1% of men
#627eb8 Deuteranopia 1% of men
#558690 Tritanopia 0.001% of the population

Trichromacy

#647bb7 Protanomaly 1% of men, 0.01% of women
#607bb7 Deuteranomaly 6% of men, 0.4% of women
#58809d Tritanomaly 0.01% of the population