#5f77af hex color

In a RGB color space, hex #5f77af is composed of 37.3% red, 46.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 32% magenta, 0% yellow and 31.4% black. It has a hue angle of 222 degrees, a saturation of 33.3% and a lightness of 52.9%. #5f77af color hex could be obtained by blending #beeeff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 47
- B 69
RGB color chart
- C 46
- M 32
- Y 0
- K 31
CMYK color chart

● #5f77af color description : Dark moderate blue.

The hexadecimal color #5f77af has RGB values of R:95, G:119, B:175 and CMYK values of C:0.46, M:0.32, Y:0, K:0.31. Its decimal value is 6256559.

Hex triplet	5f77af	`#5f77af`
RGB Decimal	95, 119, 175	`rgb(95,119,175)`
RGB Percent	37.3, 46.7, 68.6	`rgb(37.3%,46.7%,68.6%)`
CMYK	46, 32, 0, 31
HSL	222°, 33.3, 52.9	`hsl(222,33.3%,52.9%)`
HSV (or HSB)	222°, 45.7, 68.6
Web Safe	666699	`#666699`

CIE-LAB	50.359, 6.591, -32.51
XYZ	19.052, 18.721, 43.165
xyY	0.235, 0.231, 18.721
CIE-LCH	50.359, 33.171, 281.461
CIE-LUV	50.359, -13.319, -49.702
Hunter-Lab	43.268, 2.882, -28.861
Binary	01011111, 01110111, 10101111

#5f77af
```
#5f77af rgb(95,119,175)
```
#af975f
```
#af975f rgb(175,151,95)
```

Complementary Color

#5f9faf
```
#5f9faf rgb(95,159,175)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#6f5faf
```
#6f5faf rgb(111,95,175)
```

Analogous Color

#9faf5f
```
#9faf5f rgb(159,175,95)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#af6f5f
```
#af6f5f rgb(175,111,95)
```

Split Complementary Color

#77af5f
```
#77af5f rgb(119,175,95)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#af5f77
```
#af5f77 rgb(175,95,119)
```

Triadic Color

#5faf97
```
#5faf97 rgb(95,175,151)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#af5f77
```
#af5f77 rgb(175,95,119)
```
#af975f
```
#af975f rgb(175,151,95)
```

Tetradic Color

#415481
```
#415481 rgb(65,84,129)
```
#495f92
```
#495f92 rgb(73,95,146)
```
#526aa3
```
#526aa3 rgb(82,106,163)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#7085b8
```
#7085b8 rgb(112,133,184)
```
#8194c0
```
#8194c0 rgb(129,148,192)
```
#92a2c9
```
#92a2c9 rgb(146,162,201)
```

Monochromatic Color

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

#5f8baf
```
#5f8baf rgb(95,139,175)
```
#5f84af
```
#5f84af rgb(95,132,175)
```
#5f7eaf
```
#5f7eaf rgb(95,126,175)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#5f70af
```
#5f70af rgb(95,112,175)
```
#5f6aaf
```
#5f6aaf rgb(95,106,175)
```
#5f63af
```
#5f63af rgb(95,99,175)
```

Similar Colors

Text with hexadecimal color #5f77af

This text has a font color of #5f77af.

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

#5f77af background color

This paragraph has a background color of #5f77af.

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

#5f77af border color

This element has a border color of #5f77af.

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

CSS codes

.text {color:#5f77af;}

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

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

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

#05070a
```
#05070a rgb(5,7,10)
```
#0c0f17
```
#0c0f17 rgb(12,15,23)
```
#121824
```
#121824 rgb(18,24,36)
```
#192031
```
#192031 rgb(25,32,49)
```
#1f293e
```
#1f293e rgb(31,41,62)
```
#26314b
```
#26314b rgb(38,49,75)
```
#2c3a58
```
#2c3a58 rgb(44,58,88)
```
#334266
```
#334266 rgb(51,66,102)
```
#394b73
```
#394b73 rgb(57,75,115)
```
#405380
```
#405380 rgb(64,83,128)
```
#465c8d
```
#465c8d rgb(70,92,141)
```
#4d649a
```
#4d649a rgb(77,100,154)
```
#536da7
```
#536da7 rgb(83,109,167)
```

Shade Color Variation

#5f77af
```
#5f77af rgb(95,119,175)
```
#6c82b6
```
#6c82b6 rgb(108,130,182)
```
#798dbc
```
#798dbc rgb(121,141,188)
```
#8698c3
```
#8698c3 rgb(134,152,195)
```
#93a3c9
```
#93a3c9 rgb(147,163,201)
```
#a0afd0
```
#a0afd0 rgb(160,175,208)
```
#adbad6
```
#adbad6 rgb(173,186,214)
```
#bbc5dd
```
#bbc5dd rgb(187,197,221)
```
#c8d0e3
```
#c8d0e3 rgb(200,208,227)
```
#d5dbea
```
#d5dbea rgb(213,219,234)
```
#e2e6f0
```
#e2e6f0 rgb(226,230,240)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868a is the less saturated color, while #1559f9 is the most saturated one.

#84868a
```
#84868a rgb(132,134,138)
```
#7b8293
```
#7b8293 rgb(123,130,147)
```
#717e9d
```
#717e9d rgb(113,126,157)
```
#687ba6
```
#687ba6 rgb(104,123,166)
```
#5f77af
```
#5f77af rgb(95,119,175)
```
#5673b8
```
#5673b8 rgb(86,115,184)
```
#4d70c1
```
#4d70c1 rgb(77,112,193)
```
#436ccb
```
#436ccb rgb(67,108,203)
```
#3a68d4
```
#3a68d4 rgb(58,104,212)
```
#3165dd
```
#3165dd rgb(49,101,221)
```
#2861e6
```
#2861e6 rgb(40,97,230)
```
#1e5df0
```
#1e5df0 rgb(30,93,240)
```
#1559f9
```
#1559f9 rgb(21,89,249)
```

Tone Color Variation

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

#6c7db2 Protanopia 1% of men
#677eb3 Deuteranopia 1% of men
#5a858f Tritanopia 0.001% of the population

Trichromacy

#677ab1 Protanomaly 1% of men, 0.01% of women
#647bb1 Deuteranomaly 6% of men, 0.4% of women
#5c809a Tritanomaly 0.01% of the population

#5f77af hex color

#5f77af Color Information

#5f77af Color Conversion

Color Schemes with #5f77af

Alternatives to #5f77af

#5f77af Preview

Shades and Tints of #5f77af

Tones of #5f77af

Color Blindness Simulator