#5f77c4 hex color

In a RGB color space, hex #5f77c4 is composed of 37.3% red, 46.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 39.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 225.7 degrees, a saturation of 46.1% and a lightness of 57.1%. #5f77c4 color hex could be obtained by blending #beeeff with #000089. Closest websafe color is: #6666cc.

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

● #5f77c4 color description : Moderate blue.

The hexadecimal color #5f77c4 has RGB values of R:95, G:119, B:196 and CMYK values of C:0.52, M:0.39, Y:0, K:0.23. Its decimal value is 6256580.

Hex triplet	5f77c4	`#5f77c4`
RGB Decimal	95, 119, 196	`rgb(95,119,196)`
RGB Percent	37.3, 46.7, 76.9	`rgb(37.3%,46.7%,76.9%)`
CMYK	52, 39, 0, 23
HSL	225.7°, 46.1, 57.1	`hsl(225.7,46.1%,57.1%)`
HSV (or HSB)	225.7°, 51.5, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.395, 13.104, -42.973
XYZ	21.278, 19.611, 54.886
xyY	0.222, 0.205, 19.611
CIE-LCH	51.395, 44.927, 286.959
CIE-LUV	51.395, -13.738, -67.284
Hunter-Lab	44.284, 8.268, -42.484
Binary	01011111, 01110111, 11000100

#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#c4ac5f
```
#c4ac5f rgb(196,172,95)
```

Complementary Color

#5faac4
```
#5faac4 rgb(95,170,196)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#7a5fc4
```
#7a5fc4 rgb(122,95,196)
```

Analogous Color

#aac45f
```
#aac45f rgb(170,196,95)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#c47a5f
```
#c47a5f rgb(196,122,95)
```

Split Complementary Color

#77c45f
```
#77c45f rgb(119,196,95)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#c45f77
```
#c45f77 rgb(196,95,119)
```

Triadic Color

#5fc4ac
```
#5fc4ac rgb(95,196,172)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#c45f77
```
#c45f77 rgb(196,95,119)
```
#c4ac5f
```
#c4ac5f rgb(196,172,95)
```

Tetradic Color

#3a519d
```
#3a519d rgb(58,81,157)
```
#415baf
```
#415baf rgb(65,91,175)
```
#4c67bd
```
#4c67bd rgb(76,103,189)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#7287cb
```
#7287cb rgb(114,135,203)
```
#8497d2
```
#8497d2 rgb(132,151,210)
```
#97a7d9
```
#97a7d9 rgb(151,167,217)
```

Monochromatic Color

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

#5f90c4
```
#5f90c4 rgb(95,144,196)
```
#5f88c4
```
#5f88c4 rgb(95,136,196)
```
#5f7fc4
```
#5f7fc4 rgb(95,127,196)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#5f6fc4
```
#5f6fc4 rgb(95,111,196)
```
#5f66c4
```
#5f66c4 rgb(95,102,196)
```
#605fc4
```
#605fc4 rgb(96,95,196)
```

Similar Colors

Text with hexadecimal color #5f77c4

This text has a font color of #5f77c4.

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

#5f77c4 background color

This paragraph has a background color of #5f77c4.

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

#5f77c4 border color

This element has a border color of #5f77c4.

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

CSS codes

.text {color:#5f77c4;}

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

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

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, #04060c is the darkest color, while #fdfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#0a0e1a
```
#0a0e1a rgb(10,14,26)
```
#0f1529
```
#0f1529 rgb(15,21,41)
```
#141d37
```
#141d37 rgb(20,29,55)
```
#1a2445
```
#1a2445 rgb(26,36,69)
```
#1f2b54
```
#1f2b54 rgb(31,43,84)
```
#243362
```
#243362 rgb(36,51,98)
```
#293a70
```
#293a70 rgb(41,58,112)
```
#2f427f
```
#2f427f rgb(47,66,127)
```
#34498d
```
#34498d rgb(52,73,141)
```
#39519b
```
#39519b rgb(57,81,155)
```
#3f58aa
```
#3f58aa rgb(63,88,170)
```
#445fb8
```
#445fb8 rgb(68,95,184)
```

Shade Color Variation

#516bbf
```
#516bbf rgb(81,107,191)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#6d83c9
```
#6d83c9 rgb(109,131,201)
```
#7c8fcf
```
#7c8fcf rgb(124,143,207)
```
#8a9cd4
```
#8a9cd4 rgb(138,156,212)
```
#98a8d9
```
#98a8d9 rgb(152,168,217)
```
#a7b4de
```
#a7b4de rgb(167,180,222)
```
#b5c0e4
```
#b5c0e4 rgb(181,192,228)
```
#c3cce9
```
#c3cce9 rgb(195,204,233)
```
#d2d8ee
```
#d2d8ee rgb(210,216,238)
```
#e0e5f4
```
#e0e5f4 rgb(224,229,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d9a is the less saturated color, while #2458ff is the most saturated one.

#898d9a
```
#898d9a rgb(137,141,154)
```
#8189a2
```
#8189a2 rgb(129,137,162)
```
#7884ab
```
#7884ab rgb(120,132,171)
```
#7080b3
```
#7080b3 rgb(112,128,179)
```
#677bbc
```
#677bbc rgb(103,123,188)
```
#5f77c4
```
#5f77c4 rgb(95,119,196)
```
#5773cc
```
#5773cc rgb(87,115,204)
```
#4e6ed5
```
#4e6ed5 rgb(78,110,213)
```
#466add
```
#466add rgb(70,106,221)
```
#3d65e6
```
#3d65e6 rgb(61,101,230)
```
#3561ee
```
#3561ee rgb(53,97,238)
```
#2c5cf7
```
#2c5cf7 rgb(44,92,247)
```
#2458ff
```
#2458ff rgb(36,88,255)
```

Tone Color Variation

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

#627fc7 Protanopia 1% of men
#5681c5 Deuteranopia 1% of men
#518993 Tritanopia 0.001% of the population

Trichromacy

#617cc6 Protanomaly 1% of men, 0.01% of women
#597dc5 Deuteranomaly 6% of men, 0.4% of women
#5682a5 Tritanomaly 0.01% of the population

#5f77c4 hex color

#5f77c4 Color Information

#5f77c4 Color Conversion

Color Schemes with #5f77c4

Alternatives to #5f77c4

#5f77c4 Preview

Shades and Tints of #5f77c4

Tones of #5f77c4

Color Blindness Simulator