#5f87dd hex color

In a RGB color space, hex #5f87dd is composed of 37.3% red, 52.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 38.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 221 degrees, a saturation of 64.9% and a lightness of 62%. #5f87dd color hex could be obtained by blending #beffff with #000fbb. Closest websafe color is: #6699cc.

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

● #5f87dd color description : Soft blue.

The hexadecimal color #5f87dd has RGB values of R:95, G:135, B:221 and CMYK values of C:0.57, M:0.39, Y:0, K:0.13. Its decimal value is 6260701.

Hex triplet	5f87dd	`#5f87dd`
RGB Decimal	95, 135, 221	`rgb(95,135,221)`
RGB Percent	37.3, 52.9, 86.7	`rgb(37.3%,52.9%,86.7%)`
CMYK	57, 39, 0, 13
HSL	221°, 64.9, 62	`hsl(221,64.9%,62%)`
HSV (or HSB)	221°, 57, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.056, 11.465, -48.148
XYZ	26.432, 24.98, 71.831
xyY	0.214, 0.203, 24.98
CIE-LCH	57.056, 49.494, 283.394
CIE-LUV	57.056, -19.567, -76.946
Hunter-Lab	49.98, 6.934, -50.226
Binary	01011111, 10000111, 11011101

#5f87dd
```
#5f87dd rgb(95,135,221)
```
#ddb55f
```
#ddb55f rgb(221,181,95)
```

Complementary Color

#5fc6dd
```
#5fc6dd rgb(95,198,221)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#765fdd
```
#765fdd rgb(118,95,221)
```

Analogous Color

#c6dd5f
```
#c6dd5f rgb(198,221,95)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#dd765f
```
#dd765f rgb(221,118,95)
```

Split Complementary Color

#87dd5f
```
#87dd5f rgb(135,221,95)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#dd5f87
```
#dd5f87 rgb(221,95,135)
```

Triadic Color

#5fddb5
```
#5fddb5 rgb(95,221,181)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#dd5f87
```
#dd5f87 rgb(221,95,135)
```
#ddb55f
```
#ddb55f rgb(221,181,95)
```

Tetradic Color

#2a5bc6
```
#2a5bc6 rgb(42,91,198)
```
#3567d4
```
#3567d4 rgb(53,103,212)
```
#4a77d9
```
#4a77d9 rgb(74,119,217)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#7497e1
```
#7497e1 rgb(116,151,225)
```
#89a7e6
```
#89a7e6 rgb(137,167,230)
```
#9eb6ea
```
#9eb6ea rgb(158,182,234)
```

Monochromatic Color

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

#5fa7dd
```
#5fa7dd rgb(95,167,221)
```
#5f9cdd
```
#5f9cdd rgb(95,156,221)
```
#5f92dd
```
#5f92dd rgb(95,146,221)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#5f7ddd
```
#5f7ddd rgb(95,125,221)
```
#5f72dd
```
#5f72dd rgb(95,114,221)
```
#5f68dd
```
#5f68dd rgb(95,104,221)
```

Similar Colors

Text with hexadecimal color #5f87dd

This text has a font color of #5f87dd.

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

#5f87dd background color

This paragraph has a background color of #5f87dd.

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

#5f87dd border color

This element has a border color of #5f87dd.

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

CSS codes

.text {color:#5f87dd;}

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

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

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 #f1f4fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040812
```
#040812 rgb(4,8,18)
```
#071022
```
#071022 rgb(7,16,34)
```
#0b1732
```
#0b1732 rgb(11,23,50)
```
#0e1f42
```
#0e1f42 rgb(14,31,66)
```
#122653
```
#122653 rgb(18,38,83)
```
#152e63
```
#152e63 rgb(21,46,99)
```
#183573
```
#183573 rgb(24,53,115)
```
#1c3d83
```
#1c3d83 rgb(28,61,131)
```
#1f4493
```
#1f4493 rgb(31,68,147)
```
#234ca4
```
#234ca4 rgb(35,76,164)
```
#2653b4
```
#2653b4 rgb(38,83,180)
```
#2a5bc4
```
#2a5bc4 rgb(42,91,196)
```

Shade Color Variation

#2e63d3
```
#2e63d3 rgb(46,99,211)
```
#3f6fd6
```
#3f6fd6 rgb(63,111,214)
```
#4f7bda
```
#4f7bda rgb(79,123,218)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#6f93e0
```
#6f93e0 rgb(111,147,224)
```
#7f9fe4
```
#7f9fe4 rgb(127,159,228)
```
#90abe7
```
#90abe7 rgb(144,171,231)
```
#a0b8eb
```
#a0b8eb rgb(160,184,235)
```
#b0c4ee
```
#b0c4ee rgb(176,196,238)
```
#c0d0f2
```
#c0d0f2 rgb(192,208,242)
```
#d0dcf5
```
#d0dcf5 rgb(208,220,245)
```
#e0e8f9
```
#e0e8f9 rgb(224,232,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#9b9da1
```
#9b9da1 rgb(155,157,161)
```
#939aa9
```
#939aa9 rgb(147,154,169)
```
#8c97b0
```
#8c97b0 rgb(140,151,176)
```
#8495b8
```
#8495b8 rgb(132,149,184)
```
#7d92bf
```
#7d92bf rgb(125,146,191)
```
#758fc7
```
#758fc7 rgb(117,143,199)
```
#6e8cce
```
#6e8cce rgb(110,140,206)
```
#668ad6
```
#668ad6 rgb(102,138,214)
```
#5f87dd
```
#5f87dd rgb(95,135,221)
```
#5884e4
```
#5884e4 rgb(88,132,228)
```
#5082ec
```
#5082ec rgb(80,130,236)
```
#497ff3
```
#497ff3 rgb(73,127,243)
```
#417cfb
```
#417cfb rgb(65,124,251)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8cde Protanopia 1% of men
#5a8fdd Deuteranopia 1% of men
#489aa5 Tritanopia 0.001% of the population

Trichromacy

#678add Protanomaly 1% of men, 0.01% of women
#5c8cdd Deuteranomaly 6% of men, 0.4% of women
#5093b9 Tritanomaly 0.01% of the population

#5f87dd hex color

#5f87dd Color Information

#5f87dd Color Conversion

Color Schemes with #5f87dd

Alternatives to #5f87dd

#5f87dd Preview

Shades and Tints of #5f87dd

Tones of #5f87dd

Color Blindness Simulator