#5f77ab hex color

In a RGB color space, hex #5f77ab is composed of 37.3% red, 46.7% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 30.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 221.1 degrees, a saturation of 31.1% and a lightness of 52.2%. #5f77ab color hex could be obtained by blending #beeeff with #000057. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 67
RGB color chart
- C 44
- M 30
- Y 0
- K 33
CMYK color chart

● #5f77ab color description : Mostly desaturated dark blue.

The hexadecimal color #5f77ab has RGB values of R:95, G:119, B:171 and CMYK values of C:0.44, M:0.3, Y:0, K:0.33. Its decimal value is 6256555.

Hex triplet	5f77ab	`#5f77ab`
RGB Decimal	95, 119, 171	`rgb(95,119,171)`
RGB Percent	37.3, 46.7, 67.1	`rgb(37.3%,46.7%,67.1%)`
CMYK	44, 30, 0, 33
HSL	221.1°, 31.1, 52.2	`hsl(221.1,31.1%,52.2%)`
HSV (or HSB)	221.1°, 44.4, 67.1
Web Safe	666699	`#666699`

CIE-LAB	50.176, 5.387, -30.475
XYZ	18.665, 18.566, 41.126
xyY	0.238, 0.237, 18.566
CIE-LCH	50.176, 30.948, 280.024
CIE-LUV	50.176, -13.242, -46.31
Hunter-Lab	43.088, 1.919, -26.428
Binary	01011111, 01110111, 10101011

#5f77ab
```
#5f77ab rgb(95,119,171)
```
#ab935f
```
#ab935f rgb(171,147,95)
```

Complementary Color

#5f9dab
```
#5f9dab rgb(95,157,171)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#6d5fab
```
#6d5fab rgb(109,95,171)
```

Analogous Color

#9dab5f
```
#9dab5f rgb(157,171,95)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#ab6d5f
```
#ab6d5f rgb(171,109,95)
```

Split Complementary Color

#77ab5f
```
#77ab5f rgb(119,171,95)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#ab5f77
```
#ab5f77 rgb(171,95,119)
```

Triadic Color

#5fab93
```
#5fab93 rgb(95,171,147)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#ab5f77
```
#ab5f77 rgb(171,95,119)
```
#ab935f
```
#ab935f rgb(171,147,95)
```

Tetradic Color

#41547c
```
#41547c rgb(65,84,124)
```
#4a5f8d
```
#4a5f8d rgb(74,95,141)
```
#536a9e
```
#536a9e rgb(83,106,158)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#7085b4
```
#7085b4 rgb(112,133,180)
```
#8093bd
```
#8093bd rgb(128,147,189)
```
#91a2c5
```
#91a2c5 rgb(145,162,197)
```

Monochromatic Color

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

#5f8aab
```
#5f8aab rgb(95,138,171)
```
#5f84ab
```
#5f84ab rgb(95,132,171)
```
#5f7dab
```
#5f7dab rgb(95,125,171)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#5f71ab
```
#5f71ab rgb(95,113,171)
```
#5f6aab
```
#5f6aab rgb(95,106,171)
```
#5f64ab
```
#5f64ab rgb(95,100,171)
```

Similar Colors

Text with hexadecimal color #5f77ab

This text has a font color of #5f77ab.

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

#5f77ab background color

This paragraph has a background color of #5f77ab.

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

#5f77ab border color

This element has a border color of #5f77ab.

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

CSS codes

.text {color:#5f77ab;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#111621
```
#111621 rgb(17,22,33)
```
#181f2e
```
#181f2e rgb(24,31,46)
```
#1f283b
```
#1f283b rgb(31,40,59)
```
#263048
```
#263048 rgb(38,48,72)
```
#2c3954
```
#2c3954 rgb(44,57,84)
```
#334261
```
#334261 rgb(51,66,97)
```
#3a4a6e
```
#3a4a6e rgb(58,74,110)
```
#41537b
```
#41537b rgb(65,83,123)
```
#475c88
```
#475c88 rgb(71,92,136)
```
#4e6495
```
#4e6495 rgb(78,100,149)
```
#556da2
```
#556da2 rgb(85,109,162)
```

Shade Color Variation

#5f77ab
```
#5f77ab rgb(95,119,171)
```
#6c82b2
```
#6c82b2 rgb(108,130,178)
```
#798db9
```
#798db9 rgb(121,141,185)
```
#8698bf
```
#8698bf rgb(134,152,191)
```
#92a3c6
```
#92a3c6 rgb(146,163,198)
```
#9faecd
```
#9faecd rgb(159,174,205)
```
#acb9d4
```
#acb9d4 rgb(172,185,212)
```
#b9c4da
```
#b9c4da rgb(185,196,218)
```
#c6cee1
```
#c6cee1 rgb(198,206,225)
```
#d3d9e8
```
#d3d9e8 rgb(211,217,232)
```
#e0e4ef
```
#e0e4ef rgb(224,228,239)
```
#eceff5
```
#eceff5 rgb(236,239,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#7b818f
```
#7b818f rgb(123,129,143)
```
#727e98
```
#727e98 rgb(114,126,152)
```
#687aa2
```
#687aa2 rgb(104,122,162)
```
#5f77ab
```
#5f77ab rgb(95,119,171)
```
#5674b4
```
#5674b4 rgb(86,116,180)
```
#4c70be
```
#4c70be rgb(76,112,190)
```
#436dc7
```
#436dc7 rgb(67,109,199)
```
#3969d1
```
#3969d1 rgb(57,105,209)
```
#3066da
```
#3066da rgb(48,102,218)
```
#2762e3
```
#2762e3 rgb(39,98,227)
```
#1d5fed
```
#1d5fed rgb(29,95,237)
```
#145bf6
```
#145bf6 rgb(20,91,246)
```

Tone Color Variation

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

#6d7cae Protanopia 1% of men
#697daf Deuteranopia 1% of men
#5b848e Tritanopia 0.001% of the population

Trichromacy

#687aad Protanomaly 1% of men, 0.01% of women
#657bad Deuteranomaly 6% of men, 0.4% of women
#5d7f98 Tritanomaly 0.01% of the population

#5f77ab hex color

#5f77ab Color Information

#5f77ab Color Conversion

Color Schemes with #5f77ab

Alternatives to #5f77ab

#5f77ab Preview

Shades and Tints of #5f77ab

Tones of #5f77ab

Color Blindness Simulator