#5f51df hex color

In a RGB color space, hex #5f51df is composed of 37.3% red, 31.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 63.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 245.9 degrees, a saturation of 68.9% and a lightness of 59.6%. #5f51df color hex could be obtained by blending #bea2ff with #0000bf. Closest websafe color is: #6666cc.

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

● #5f51df color description : Soft blue.

The hexadecimal color #5f51df has RGB values of R:95, G:81, B:223 and CMYK values of C:0.57, M:0.64, Y:0, K:0.13. Its decimal value is 6246879.

Hex triplet	5f51df	`#5f51df`
RGB Decimal	95, 81, 223	`rgb(95,81,223)`
RGB Percent	37.3, 31.8, 87.5	`rgb(37.3%,31.8%,87.5%)`
CMYK	57, 64, 0, 13
HSL	245.9°, 68.9, 59.6	`hsl(245.9,68.9%,59.6%)`
HSV (or HSB)	245.9°, 63.7, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.719, 44.758, -70.742
XYZ	20.978, 13.645, 71.336
xyY	0.198, 0.129, 13.645
CIE-LCH	43.719, 83.712, 302.322
CIE-LUV	43.719, -3.966, -107.431
Hunter-Lab	36.939, 36.732, -88.644
Binary	01011111, 01010001, 11011111

#5f51df
```
#5f51df rgb(95,81,223)
```
#d1df51
```
#d1df51 rgb(209,223,81)
```

Complementary Color

#518adf
```
#518adf rgb(81,138,223)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#a651df
```
#a651df rgb(166,81,223)
```

Analogous Color

#8adf51
```
#8adf51 rgb(138,223,81)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#dfa651
```
#dfa651 rgb(223,166,81)
```

Split Complementary Color

#51df5f
```
#51df5f rgb(81,223,95)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#df5f51
```
#df5f51 rgb(223,95,81)
```

Triadic Color

#51d1df
```
#51d1df rgb(81,209,223)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#df5f51
```
#df5f51 rgb(223,95,81)
```
#d1df51
```
#d1df51 rgb(209,223,81)
```

Tetradic Color

#3323c0
```
#3323c0 rgb(51,35,192)
```
#3827d6
```
#3827d6 rgb(56,39,214)
```
#4b3bdb
```
#4b3bdb rgb(75,59,219)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#7367e3
```
#7367e3 rgb(115,103,227)
```
#877ce7
```
#877ce7 rgb(135,124,231)
```
#9a92eb
```
#9a92eb rgb(154,146,235)
```

Monochromatic Color

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

#5167df
```
#5167df rgb(81,103,223)
```
#515bdf
```
#515bdf rgb(81,91,223)
```
#5351df
```
#5351df rgb(83,81,223)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#6b51df
```
#6b51df rgb(107,81,223)
```
#7751df
```
#7751df rgb(119,81,223)
```
#8351df
```
#8351df rgb(131,81,223)
```

Similar Colors

Text with hexadecimal color #5f51df

This text has a font color of #5f51df.

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

#5f51df background color

This paragraph has a background color of #5f51df.

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

#5f51df border color

This element has a border color of #5f51df.

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

CSS codes

.text {color:#5f51df;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070519
```
#070519 rgb(7,5,25)
```
#0b0829
```
#0b0829 rgb(11,8,41)
```
#0f0b3a
```
#0f0b3a rgb(15,11,58)
```
#140e4b
```
#140e4b rgb(20,14,75)
```
#18115b
```
#18115b rgb(24,17,91)
```
#1c146c
```
#1c146c rgb(28,20,108)
```
#21177c
```
#21177c rgb(33,23,124)
```
#251a8d
```
#251a8d rgb(37,26,141)
```
#2a1d9d
```
#2a1d9d rgb(42,29,157)
```
#2e20ae
```
#2e20ae rgb(46,32,174)
```
#3223bf
```
#3223bf rgb(50,35,191)
```
#3726cf
```
#3726cf rgb(55,38,207)
```

Shade Color Variation

#4130d9
```
#4130d9 rgb(65,48,217)
```
#5040dc
```
#5040dc rgb(80,64,220)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#6e62e2
```
#6e62e2 rgb(110,98,226)
```
#7d72e5
```
#7d72e5 rgb(125,114,229)
```
#8d83e8
```
#8d83e8 rgb(141,131,232)
```
#9c93eb
```
#9c93eb rgb(156,147,235)
```
#aba4ee
```
#aba4ee rgb(171,164,238)
```
#bab4f1
```
#bab4f1 rgb(186,180,241)
```
#cac5f4
```
#cac5f4 rgb(202,197,244)
```
#d9d6f7
```
#d9d6f7 rgb(217,214,247)
```
#e8e6fa
```
#e8e6fa rgb(232,230,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9290a0 is the less saturated color, while #4631ff is the most saturated one.

#9290a0
```
#9290a0 rgb(146,144,160)
```
#8c88a8
```
#8c88a8 rgb(140,136,168)
```
#8581af
```
#8581af rgb(133,129,175)
```
#7f79b7
```
#7f79b7 rgb(127,121,183)
```
#7871bf
```
#7871bf rgb(120,113,191)
```
#7269c7
```
#7269c7 rgb(114,105,199)
```
#6c61cf
```
#6c61cf rgb(108,97,207)
```
#6559d7
```
#6559d7 rgb(101,89,215)
```
#5f51df
```
#5f51df rgb(95,81,223)
```
#5949e7
```
#5949e7 rgb(89,73,231)
```
#5241ef
```
#5241ef rgb(82,65,239)
```
#4c39f7
```
#4c39f7 rgb(76,57,247)
```
#4631ff
```
#4631ff rgb(70,49,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#64617d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#317881 Tritanopia 0.001% of the population

Trichromacy

#2262d7 Protanomaly 1% of men, 0.01% of women
#2265c6 Deuteranomaly 6% of men, 0.4% of women
#416aa3 Tritanomaly 0.01% of the population

#5f51df hex color

#5f51df Color Information

#5f51df Color Conversion

Color Schemes with #5f51df

Alternatives to #5f51df

#5f51df Preview

Shades and Tints of #5f51df

Tones of #5f51df

Color Blindness Simulator