#5f77c5 hex color

In a RGB color space, hex #5f77c5 is composed of 37.3% red, 46.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 39.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 225.9 degrees, a saturation of 46.8% and a lightness of 57.3%. #5f77c5 color hex could be obtained by blending #beeeff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 47
- B 77
RGB color chart
- C 52
- M 40
- Y 0
- K 23
CMYK color chart

● #5f77c5 color description : Moderate blue.

The hexadecimal color #5f77c5 has RGB values of R:95, G:119, B:197 and CMYK values of C:0.52, M:0.4, Y:0, K:0.23. Its decimal value is 6256581.

Hex triplet	5f77c5	`#5f77c5`
RGB Decimal	95, 119, 197	`rgb(95,119,197)`
RGB Percent	37.3, 46.7, 77.3	`rgb(37.3%,46.7%,77.3%)`
CMYK	52, 40, 0, 23
HSL	225.9°, 46.8, 57.3	`hsl(225.9,46.8%,57.3%)`
HSV (or HSB)	225.9°, 51.8, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.447, 13.421, -43.462
XYZ	21.392, 19.657, 55.487
xyY	0.222, 0.204, 19.657
CIE-LCH	51.447, 45.487, 287.161
CIE-LUV	51.447, -13.759, -68.11
Hunter-Lab	44.336, 8.538, -43.167
Binary	01011111, 01110111, 11000101

#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#c5ad5f
```
#c5ad5f rgb(197,173,95)
```

Complementary Color

#5faac5
```
#5faac5 rgb(95,170,197)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#7a5fc5
```
#7a5fc5 rgb(122,95,197)
```

Analogous Color

#aac55f
```
#aac55f rgb(170,197,95)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#c57a5f
```
#c57a5f rgb(197,122,95)
```

Split Complementary Color

#77c55f
```
#77c55f rgb(119,197,95)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#c55f77
```
#c55f77 rgb(197,95,119)
```

Triadic Color

#5fc5ad
```
#5fc5ad rgb(95,197,173)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#c55f77
```
#c55f77 rgb(197,95,119)
```
#c5ad5f
```
#c5ad5f rgb(197,173,95)
```

Tetradic Color

#39519e
```
#39519e rgb(57,81,158)
```
#405bb1
```
#405bb1 rgb(64,91,177)
```
#4c67be
```
#4c67be rgb(76,103,190)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#7287cc
```
#7287cc rgb(114,135,204)
```
#8497d3
```
#8497d3 rgb(132,151,211)
```
#97a7d9
```
#97a7d9 rgb(151,167,217)
```

Monochromatic Color

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

#5f91c5
```
#5f91c5 rgb(95,145,197)
```
#5f88c5
```
#5f88c5 rgb(95,136,197)
```
#5f80c5
```
#5f80c5 rgb(95,128,197)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#5f6fc5
```
#5f6fc5 rgb(95,111,197)
```
#5f66c5
```
#5f66c5 rgb(95,102,197)
```
#615fc5
```
#615fc5 rgb(97,95,197)
```

Similar Colors

Text with hexadecimal color #5f77c5

This text has a font color of #5f77c5.

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

#5f77c5 background color

This paragraph has a background color of #5f77c5.

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

#5f77c5 border color

This element has a border color of #5f77c5.

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

CSS codes

.text {color:#5f77c5;}

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

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

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

#05070d
```
#05070d rgb(5,7,13)
```
#0a0e1b
```
#0a0e1b rgb(10,14,27)
```
#0f152a
```
#0f152a rgb(15,21,42)
```
#141d38
```
#141d38 rgb(20,29,56)
```
#1a2446
```
#1a2446 rgb(26,36,70)
```
#1f2b55
```
#1f2b55 rgb(31,43,85)
```
#243363
```
#243363 rgb(36,51,99)
```
#293a72
```
#293a72 rgb(41,58,114)
```
#2e4280
```
#2e4280 rgb(46,66,128)
```
#34498e
```
#34498e rgb(52,73,142)
```
#39509d
```
#39509d rgb(57,80,157)
```
#3e58ab
```
#3e58ab rgb(62,88,171)
```
#435fba
```
#435fba rgb(67,95,186)
```

Shade Color Variation

#516bc0
```
#516bc0 rgb(81,107,192)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#6d83ca
```
#6d83ca rgb(109,131,202)
```
#7c8fcf
```
#7c8fcf rgb(124,143,207)
```
#8a9cd5
```
#8a9cd5 rgb(138,156,213)
```
#99a8da
```
#99a8da rgb(153,168,218)
```
#a7b4df
```
#a7b4df rgb(167,180,223)
```
#b5c0e4
```
#b5c0e4 rgb(181,192,228)
```
#c4cdea
```
#c4cdea rgb(196,205,234)
```
#d2d9ef
```
#d2d9ef rgb(210,217,239)
```
#e1e5f4
```
#e1e5f4 rgb(225,229,244)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#919293
```
#919293 rgb(145,146,147)
```
#898d9b
```
#898d9b rgb(137,141,155)
```
#8189a3
```
#8189a3 rgb(129,137,163)
```
#7884ac
```
#7884ac rgb(120,132,172)
```
#7080b4
```
#7080b4 rgb(112,128,180)
```
#677bbd
```
#677bbd rgb(103,123,189)
```
#5f77c5
```
#5f77c5 rgb(95,119,197)
```
#5773cd
```
#5773cd rgb(87,115,205)
```
#4e6ed6
```
#4e6ed6 rgb(78,110,214)
```
#466ade
```
#466ade rgb(70,106,222)
```
#3d65e7
```
#3d65e7 rgb(61,101,231)
```
#3561ef
```
#3561ef rgb(53,97,239)
```
#2d5cf7
```
#2d5cf7 rgb(45,92,247)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#747988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617fc8 Protanopia 1% of men
#5581c6 Deuteranopia 1% of men
#518993 Tritanopia 0.001% of the population

Trichromacy

#607cc7 Protanomaly 1% of men, 0.01% of women
#597dc5 Deuteranomaly 6% of men, 0.4% of women
#5683a5 Tritanomaly 0.01% of the population

#5f77c5 hex color

#5f77c5 Color Information

#5f77c5 Color Conversion

Color Schemes with #5f77c5

Alternatives to #5f77c5

#5f77c5 Preview

Shades and Tints of #5f77c5

Tones of #5f77c5

Color Blindness Simulator