#5f77dd hex color

In a RGB color space, hex #5f77dd is composed of 37.3% red, 46.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 46.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.6 degrees, a saturation of 64.9% and a lightness of 62%. #5f77dd color hex could be obtained by blending #beeeff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 47
- B 87
RGB color chart
- C 57
- M 46
- Y 0
- K 13
CMYK color chart

● #5f77dd color description : Soft blue.

The hexadecimal color #5f77dd has RGB values of R:95, G:119, B:221 and CMYK values of C:0.57, M:0.46, Y:0, K:0.13. Its decimal value is 6256605.

Hex triplet	5f77dd	`#5f77dd`
RGB Decimal	95, 119, 221	`rgb(95,119,221)`
RGB Percent	37.3, 46.7, 86.7	`rgb(37.3%,46.7%,86.7%)`
CMYK	57, 46, 0, 13
HSL	228.6°, 64.9, 62	`hsl(228.6,64.9%,62%)`
HSV (or HSB)	228.6°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.78, 21.155, -54.961
XYZ	24.365, 20.846, 71.142
xyY	0.209, 0.179, 20.846
CIE-LCH	52.78, 58.892, 291.052
CIE-LUV	52.78, -14.27, -87.497
Hunter-Lab	45.657, 15.355, -60.425
Binary	01011111, 01110111, 11011101

#5f77dd
```
#5f77dd rgb(95,119,221)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```

Complementary Color

#5fb6dd
```
#5fb6dd rgb(95,182,221)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#865fdd
```
#865fdd rgb(134,95,221)
```

Analogous Color

#b6dd5f
```
#b6dd5f rgb(182,221,95)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#dd865f
```
#dd865f rgb(221,134,95)
```

Split Complementary Color

#77dd5f
```
#77dd5f rgb(119,221,95)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#dd5f77
```
#dd5f77 rgb(221,95,119)
```

Triadic Color

#5fddc5
```
#5fddc5 rgb(95,221,197)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#dd5f77
```
#dd5f77 rgb(221,95,119)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```

Tetradic Color

#2a48c6
```
#2a48c6 rgb(42,72,198)
```
#3553d4
```
#3553d4 rgb(53,83,212)
```
#4a65d9
```
#4a65d9 rgb(74,101,217)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#7489e1
```
#7489e1 rgb(116,137,225)
```
#899be6
```
#899be6 rgb(137,155,230)
```
#9eadea
```
#9eadea rgb(158,173,234)
```

Monochromatic Color

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

#5f97dd
```
#5f97dd rgb(95,151,221)
```
#5f8cdd
```
#5f8cdd rgb(95,140,221)
```
#5f82dd
```
#5f82dd rgb(95,130,221)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#5f6ddd
```
#5f6ddd rgb(95,109,221)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#675fdd
```
#675fdd rgb(103,95,221)
```

Similar Colors

Text with hexadecimal color #5f77dd

This text has a font color of #5f77dd.

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

#5f77dd background color

This paragraph has a background color of #5f77dd.

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

#5f77dd border color

This element has a border color of #5f77dd.

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

CSS codes

.text {color:#5f77dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040712
```
#040712 rgb(4,7,18)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0b1232
```
#0b1232 rgb(11,18,50)
```
#0e1842
```
#0e1842 rgb(14,24,66)
```
#121e53
```
#121e53 rgb(18,30,83)
```
#152463
```
#152463 rgb(21,36,99)
```
#182a73
```
#182a73 rgb(24,42,115)
```
#1c3083
```
#1c3083 rgb(28,48,131)
```
#1f3593
```
#1f3593 rgb(31,53,147)
```
#233ba4
```
#233ba4 rgb(35,59,164)
```
#2641b4
```
#2641b4 rgb(38,65,180)
```
#2a47c4
```
#2a47c4 rgb(42,71,196)
```

Shade Color Variation

#2e4ed3
```
#2e4ed3 rgb(46,78,211)
```
#3f5bd6
```
#3f5bd6 rgb(63,91,214)
```
#4f69da
```
#4f69da rgb(79,105,218)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#6f85e0
```
#6f85e0 rgb(111,133,224)
```
#7f93e4
```
#7f93e4 rgb(127,147,228)
```
#90a0e7
```
#90a0e7 rgb(144,160,231)
```
#a0aeeb
```
#a0aeeb rgb(160,174,235)
```
#b0bcee
```
#b0bcee rgb(176,188,238)
```
#c0caf2
```
#c0caf2 rgb(192,202,242)
```
#d0d7f5
```
#d0d7f5 rgb(208,215,245)
```
#e0e5f9
```
#e0e5f9 rgb(224,229,249)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ca1 is the less saturated color, while #4165fb is the most saturated one.

#9b9ca1
```
#9b9ca1 rgb(155,156,161)
```
#9397a9
```
#9397a9 rgb(147,151,169)
```
#8c93b0
```
#8c93b0 rgb(140,147,176)
```
#848eb8
```
#848eb8 rgb(132,142,184)
```
#7d89bf
```
#7d89bf rgb(125,137,191)
```
#7585c7
```
#7585c7 rgb(117,133,199)
```
#6e80ce
```
#6e80ce rgb(110,128,206)
```
#667cd6
```
#667cd6 rgb(102,124,214)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#5872e4
```
#5872e4 rgb(88,114,228)
```
#506eec
```
#506eec rgb(80,110,236)
```
#4969f3
```
#4969f3 rgb(73,105,243)
```
#4165fb
```
#4165fb rgb(65,101,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5181e1 Protanopia 1% of men
#3386db Deuteranopia 1% of men
#428f99 Tritanopia 0.001% of the population

Trichromacy

#567de0 Protanomaly 1% of men, 0.01% of women
#4380db Deuteranomaly 6% of men, 0.4% of women
#4c86b2 Tritanomaly 0.01% of the population

#5f77dd hex color

#5f77dd Color Information

#5f77dd Color Conversion

Color Schemes with #5f77dd

Alternatives to #5f77dd

#5f77dd Preview

Shades and Tints of #5f77dd

Tones of #5f77dd

Color Blindness Simulator