#5f77bd hex color

In a RGB color space, hex #5f77bd is composed of 37.3% red, 46.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 37% magenta, 0% yellow and 25.9% black. It has a hue angle of 224.7 degrees, a saturation of 41.6% and a lightness of 55.7%. #5f77bd color hex could be obtained by blending #beeeff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 47
- B 74
RGB color chart
- C 50
- M 37
- Y 0
- K 26
CMYK color chart

● #5f77bd color description : Slightly desaturated blue.

The hexadecimal color #5f77bd has RGB values of R:95, G:119, B:189 and CMYK values of C:0.5, M:0.37, Y:0, K:0.26. Its decimal value is 6256573.

Hex triplet	5f77bd	`#5f77bd`
RGB Decimal	95, 119, 189	`rgb(95,119,189)`
RGB Percent	37.3, 46.7, 74.1	`rgb(37.3%,46.7%,74.1%)`
CMYK	50, 37, 0, 26
HSL	224.7°, 41.6, 55.7	`hsl(224.7,41.6%,55.7%)`
HSV (or HSB)	224.7°, 49.7, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.036, 10.902, -39.525
XYZ	20.5, 19.3, 50.786
xyY	0.226, 0.213, 19.3
CIE-LCH	51.036, 41.001, 285.42
CIE-LUV	51.036, -13.595, -61.474
Hunter-Lab	43.932, 6.412, -37.789
Binary	01011111, 01110111, 10111101

#5f77bd
```
#5f77bd rgb(95,119,189)
```
#bda55f
```
#bda55f rgb(189,165,95)
```

Complementary Color

#5fa6bd
```
#5fa6bd rgb(95,166,189)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#765fbd
```
#765fbd rgb(118,95,189)
```

Analogous Color

#a6bd5f
```
#a6bd5f rgb(166,189,95)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#bd765f
```
#bd765f rgb(189,118,95)
```

Split Complementary Color

#77bd5f
```
#77bd5f rgb(119,189,95)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#bd5f77
```
#bd5f77 rgb(189,95,119)
```

Triadic Color

#5fbda5
```
#5fbda5 rgb(95,189,165)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#bd5f77
```
#bd5f77 rgb(189,95,119)
```
#bda55f
```
#bda55f rgb(189,165,95)
```

Tetradic Color

#3d5393
```
#3d5393 rgb(61,83,147)
```
#445da5
```
#445da5 rgb(68,93,165)
```
#4d68b6
```
#4d68b6 rgb(77,104,182)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#7186c4
```
#7186c4 rgb(113,134,196)
```
#8396cc
```
#8396cc rgb(131,150,204)
```
#95a5d3
```
#95a5d3 rgb(149,165,211)
```

Monochromatic Color

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

#5f8fbd
```
#5f8fbd rgb(95,143,189)
```
#5f87bd
```
#5f87bd rgb(95,135,189)
```
#5f7fbd
```
#5f7fbd rgb(95,127,189)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#5f6fbd
```
#5f6fbd rgb(95,111,189)
```
#5f67bd
```
#5f67bd rgb(95,103,189)
```
#5f60bd
```
#5f60bd rgb(95,96,189)
```

Similar Colors

Text with hexadecimal color #5f77bd

This text has a font color of #5f77bd.

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

#5f77bd background color

This paragraph has a background color of #5f77bd.

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

#5f77bd border color

This element has a border color of #5f77bd.

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

CSS codes

.text {color:#5f77bd;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0e1322
```
#0e1322 rgb(14,19,34)
```
#141b30
```
#141b30 rgb(20,27,48)
```
#1a233e
```
#1a233e rgb(26,35,62)
```
#1f2b4c
```
#1f2b4c rgb(31,43,76)
```
#25335a
```
#25335a rgb(37,51,90)
```
#2b3a68
```
#2b3a68 rgb(43,58,104)
```
#314276
```
#314276 rgb(49,66,118)
```
#364a84
```
#364a84 rgb(54,74,132)
```
#3c5292
```
#3c5292 rgb(60,82,146)
```
#425a9f
```
#425a9f rgb(66,90,159)
```
#4761ad
```
#4761ad rgb(71,97,173)
```

Shade Color Variation

#516bb7
```
#516bb7 rgb(81,107,183)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#6d83c3
```
#6d83c3 rgb(109,131,195)
```
#7b8fc8
```
#7b8fc8 rgb(123,143,200)
```
#899ace
```
#899ace rgb(137,154,206)
```
#97a6d4
```
#97a6d4 rgb(151,166,212)
```
#a4b2da
```
#a4b2da rgb(164,178,218)
```
#b2bedf
```
#b2bedf rgb(178,190,223)
```
#c0cae5
```
#c0cae5 rgb(192,202,229)
```
#ced5eb
```
#ced5eb rgb(206,213,235)
```
#dce1f1
```
#dce1f1 rgb(220,225,241)
```
#eaedf6
```
#eaedf6 rgb(234,237,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c92 is the less saturated color, while #2259fa is the most saturated one.

#8a8c92
```
#8a8c92 rgb(138,140,146)
```
#82889a
```
#82889a rgb(130,136,154)
```
#7984a3
```
#7984a3 rgb(121,132,163)
```
#7080ac
```
#7080ac rgb(112,128,172)
```
#687bb4
```
#687bb4 rgb(104,123,180)
```
#5f77bd
```
#5f77bd rgb(95,119,189)
```
#5673c6
```
#5673c6 rgb(86,115,198)
```
#4e6ece
```
#4e6ece rgb(78,110,206)
```
#456ad7
```
#456ad7 rgb(69,106,215)
```
#3c66e0
```
#3c66e0 rgb(60,102,224)
```
#3462e8
```
#3462e8 rgb(52,98,232)
```
#2b5df1
```
#2b5df1 rgb(43,93,241)
```
#2259fa
```
#2259fa rgb(34,89,250)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#737886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#667ec0 Protanopia 1% of men
#5c80bf Deuteranopia 1% of men
#548892 Tritanopia 0.001% of the population

Trichromacy

#637bbf Protanomaly 1% of men, 0.01% of women
#5d7cbe Deuteranomaly 6% of men, 0.4% of women
#5881a1 Tritanomaly 0.01% of the population

#5f77bd hex color

#5f77bd Color Information

#5f77bd Color Conversion

Color Schemes with #5f77bd

Alternatives to #5f77bd

#5f77bd Preview

Shades and Tints of #5f77bd

Tones of #5f77bd

Color Blindness Simulator