#5f87d3 hex color

In a RGB color space, hex #5f87d3 is composed of 37.3% red, 52.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 36% magenta, 0% yellow and 17.3% black. It has a hue angle of 219.3 degrees, a saturation of 56.9% and a lightness of 60%. #5f87d3 color hex could be obtained by blending #beffff with #000fa7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 83
RGB color chart
- C 55
- M 36
- Y 0
- K 17
CMYK color chart

● #5f87d3 color description : Moderate blue.

The hexadecimal color #5f87d3 has RGB values of R:95, G:135, B:211 and CMYK values of C:0.55, M:0.36, Y:0, K:0.17. Its decimal value is 6260691.

Hex triplet	5f87d3	`#5f87d3`
RGB Decimal	95, 135, 211	`rgb(95,135,211)`
RGB Percent	37.3, 52.9, 82.7	`rgb(37.3%,52.9%,82.7%)`
CMYK	55, 36, 0, 17
HSL	219.3°, 56.9, 60	`hsl(219.3,56.9%,60%)`
HSV (or HSB)	219.3°, 55, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.548, 8.243, -43.338
XYZ	25.139, 24.463, 65.022
xyY	0.219, 0.213, 24.463
CIE-LCH	56.548, 44.115, 280.769
CIE-LUV	56.548, -19.539, -68.632
Hunter-Lab	49.46, 4.17, -43.323
Binary	01011111, 10000111, 11010011

#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#d3ab5f
```
#d3ab5f rgb(211,171,95)
```

Complementary Color

#5fc1d3
```
#5fc1d3 rgb(95,193,211)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#715fd3
```
#715fd3 rgb(113,95,211)
```

Analogous Color

#c1d35f
```
#c1d35f rgb(193,211,95)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#d3715f
```
#d3715f rgb(211,113,95)
```

Split Complementary Color

#87d35f
```
#87d35f rgb(135,211,95)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#d35f87
```
#d35f87 rgb(211,95,135)
```

Triadic Color

#5fd3ab
```
#5fd3ab rgb(95,211,171)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#d35f87
```
#d35f87 rgb(211,95,135)
```
#d3ab5f
```
#d3ab5f rgb(211,171,95)
```

Tetradic Color

#325fb4
```
#325fb4 rgb(50,95,180)
```
#3769c8
```
#3769c8 rgb(55,105,200)
```
#4b78ce
```
#4b78ce rgb(75,120,206)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#7396d9
```
#7396d9 rgb(115,150,217)
```
#87a5de
```
#87a5de rgb(135,165,222)
```
#9bb4e4
```
#9bb4e4 rgb(155,180,228)
```

Monochromatic Color

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

#5fa4d3
```
#5fa4d3 rgb(95,164,211)
```
#5f9ad3
```
#5f9ad3 rgb(95,154,211)
```
#5f91d3
```
#5f91d3 rgb(95,145,211)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#5f7dd3
```
#5f7dd3 rgb(95,125,211)
```
#5f74d3
```
#5f74d3 rgb(95,116,211)
```
#5f6ad3
```
#5f6ad3 rgb(95,106,211)
```

Similar Colors

Text with hexadecimal color #5f87d3

This text has a font color of #5f87d3.

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

#5f87d3 background color

This paragraph has a background color of #5f87d3.

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

#5f87d3 border color

This element has a border color of #5f87d3.

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

CSS codes

.text {color:#5f87d3;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070d19
```
#070d19 rgb(7,13,25)
```
#0b1528
```
#0b1528 rgb(11,21,40)
```
#0f1d37
```
#0f1d37 rgb(15,29,55)
```
#132547
```
#132547 rgb(19,37,71)
```
#182d56
```
#182d56 rgb(24,45,86)
```
#1c3566
```
#1c3566 rgb(28,53,102)
```
#203d75
```
#203d75 rgb(32,61,117)
```
#244584
```
#244584 rgb(36,69,132)
```
#294e94
```
#294e94 rgb(41,78,148)
```
#2d56a3
```
#2d56a3 rgb(45,86,163)
```
#315eb2
```
#315eb2 rgb(49,94,178)
```
#3566c2
```
#3566c2 rgb(53,102,194)
```

Shade Color Variation

#4070cb
```
#4070cb rgb(64,112,203)
```
#507bcf
```
#507bcf rgb(80,123,207)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#6e93d7
```
#6e93d7 rgb(110,147,215)
```
#7e9edb
```
#7e9edb rgb(126,158,219)
```
#8daae0
```
#8daae0 rgb(141,170,224)
```
#9db5e4
```
#9db5e4 rgb(157,181,228)
```
#acc1e8
```
#acc1e8 rgb(172,193,232)
```
#bbccec
```
#bbccec rgb(187,204,236)
```
#cbd8f1
```
#cbd8f1 rgb(203,216,241)
```
#dae3f5
```
#dae3f5 rgb(218,227,245)
```
#e9eff9
```
#e9eff9 rgb(233,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989c is the less saturated color, while #387bfa is the most saturated one.

#96989c
```
#96989c rgb(150,152,156)
```
#8e96a4
```
#8e96a4 rgb(142,150,164)
```
#8693ac
```
#8693ac rgb(134,147,172)
```
#7e91b4
```
#7e91b4 rgb(126,145,180)
```
#778ebb
```
#778ebb rgb(119,142,187)
```
#6f8cc3
```
#6f8cc3 rgb(111,140,195)
```
#6789cb
```
#6789cb rgb(103,137,203)
```
#5f87d3
```
#5f87d3 rgb(95,135,211)
```
#5785db
```
#5785db rgb(87,133,219)
```
#4f82e3
```
#4f82e3 rgb(79,130,227)
```
#4780eb
```
#4780eb rgb(71,128,235)
```
#407df2
```
#407df2 rgb(64,125,242)
```
#387bfa
```
#387bfa rgb(56,123,250)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7d8594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#718bd3 Protanopia 1% of men
#648dd5 Deuteranopia 1% of men
#4f98a3 Tritanopia 0.001% of the population

Trichromacy

#6a89d3 Protanomaly 1% of men, 0.01% of women
#628bd4 Deuteranomaly 6% of men, 0.4% of women
#5491b4 Tritanomaly 0.01% of the population

#5f87d3 hex color

#5f87d3 Color Information

#5f87d3 Color Conversion

Color Schemes with #5f87d3

Alternatives to #5f87d3

#5f87d3 Preview

Shades and Tints of #5f87d3

Tones of #5f87d3

Color Blindness Simulator