#5f5bd6 hex color

In a RGB color space, hex #5f5bd6 is composed of 37.3% red, 35.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 57.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 242 degrees, a saturation of 60% and a lightness of 59.8%. #5f5bd6 color hex could be obtained by blending #beb6ff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 36
- B 84
RGB color chart
- C 56
- M 57
- Y 0
- K 16
CMYK color chart

● #5f5bd6 color description : Moderate blue.

The hexadecimal color #5f5bd6 has RGB values of R:95, G:91, B:214 and CMYK values of C:0.56, M:0.57, Y:0, K:0.16. Its decimal value is 6249430.

Hex triplet	5f5bd6	`#5f5bd6`
RGB Decimal	95, 91, 214	`rgb(95,91,214)`
RGB Percent	37.3, 35.7, 83.9	`rgb(37.3%,35.7%,83.9%)`
CMYK	56, 57, 0, 16
HSL	242°, 60, 59.8	`hsl(242,60%,59.8%)`
HSV (or HSB)	242°, 57.5, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.317, 36.023, -63.012
XYZ	20.596, 14.769, 65.38
xyY	0.204, 0.147, 14.769
CIE-LCH	45.317, 72.582, 299.756
CIE-LUV	45.317, -5.815, -97.232
Hunter-Lab	38.431, 28.406, -73.965
Binary	01011111, 01011011, 11010110

#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#d2d65b
```
#d2d65b rgb(210,214,91)
```

Complementary Color

#5b95d6
```
#5b95d6 rgb(91,149,214)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#9d5bd6
```
#9d5bd6 rgb(157,91,214)
```

Analogous Color

#95d65b
```
#95d65b rgb(149,214,91)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#d69d5b
```
#d69d5b rgb(214,157,91)
```

Split Complementary Color

#5bd65f
```
#5bd65f rgb(91,214,95)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#d65f5b
```
#d65f5b rgb(214,95,91)
```

Triadic Color

#5bd2d6
```
#5bd2d6 rgb(91,210,214)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#d65f5b
```
#d65f5b rgb(214,95,91)
```
#d2d65b
```
#d2d65b rgb(210,214,91)
```

Tetradic Color

#322eb7
```
#322eb7 rgb(50,46,183)
```
#3833cb
```
#3833cb rgb(56,51,203)
```
#4b47d1
```
#4b47d1 rgb(75,71,209)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#736fdb
```
#736fdb rgb(115,111,219)
```
#8784e0
```
#8784e0 rgb(135,132,224)
```
#9b98e5
```
#9b98e5 rgb(155,152,229)
```

Monochromatic Color

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

#5b76d6
```
#5b76d6 rgb(91,118,214)
```
#5b6cd6
```
#5b6cd6 rgb(91,108,214)
```
#5b61d6
```
#5b61d6 rgb(91,97,214)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#695bd6
```
#695bd6 rgb(105,91,214)
```
#745bd6
```
#745bd6 rgb(116,91,214)
```
#7e5bd6
```
#7e5bd6 rgb(126,91,214)
```

Similar Colors

Text with hexadecimal color #5f5bd6

This text has a font color of #5f5bd6.

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

#5f5bd6 background color

This paragraph has a background color of #5f5bd6.

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

#5f5bd6 border color

This element has a border color of #5f5bd6.

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

CSS codes

.text {color:#5f5bd6;}

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

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

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

#020209
```
#020209 rgb(2,2,9)
```
#070618
```
#070618 rgb(7,6,24)
```
#0b0a28
```
#0b0a28 rgb(11,10,40)
```
#0f0e38
```
#0f0e38 rgb(15,14,56)
```
#141247
```
#141247 rgb(20,18,71)
```
#181657
```
#181657 rgb(24,22,87)
```
#1c1a67
```
#1c1a67 rgb(28,26,103)
```
#211e76
```
#211e76 rgb(33,30,118)
```
#252286
```
#252286 rgb(37,34,134)
```
#292596
```
#292596 rgb(41,37,150)
```
#2d29a6
```
#2d29a6 rgb(45,41,166)
```
#322db5
```
#322db5 rgb(50,45,181)
```
#3631c5
```
#3631c5 rgb(54,49,197)
```

Shade Color Variation

#403cce
```
#403cce rgb(64,60,206)
```
#504bd2
```
#504bd2 rgb(80,75,210)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#6e6bda
```
#6e6bda rgb(110,107,218)
```
#7e7ade
```
#7e7ade rgb(126,122,222)
```
#8d8ae2
```
#8d8ae2 rgb(141,138,226)
```
#9c9ae6
```
#9c9ae6 rgb(156,154,230)
```
#aca9ea
```
#aca9ea rgb(172,169,234)
```
#bbb9ee
```
#bbb9ee rgb(187,185,238)
```
#cac9f1
```
#cac9f1 rgb(202,201,241)
```
#d9d9f5
```
#d9d9f5 rgb(217,217,245)
```
#e9e8f9
```
#e9e8f9 rgb(233,232,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93929f is the less saturated color, while #3a34fd is the most saturated one.

#93929f
```
#93929f rgb(147,146,159)
```
#8b8aa7
```
#8b8aa7 rgb(139,138,167)
```
#8482af
```
#8482af rgb(132,130,175)
```
#7c7bb6
```
#7c7bb6 rgb(124,123,182)
```
#7573be
```
#7573be rgb(117,115,190)
```
#6e6bc6
```
#6e6bc6 rgb(110,107,198)
```
#6663ce
```
#6663ce rgb(102,99,206)
```
#5f5bd6
```
#5f5bd6 rgb(95,91,214)
```
#5853de
```
#5853de rgb(88,83,222)
```
#504be6
```
#504be6 rgb(80,75,230)
```
#4943ee
```
#4943ee rgb(73,67,238)
```
#423bf6
```
#423bf6 rgb(66,59,246)
```
#3a34fd
```
#3a34fd rgb(58,52,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075c0 Deuteranopia 1% of men
#3d7b84 Tritanopia 0.001% of the population

Trichromacy

#2267d8 Protanomaly 1% of men, 0.01% of women
#226bc8 Deuteranomaly 6% of men, 0.4% of women
#496fa2 Tritanomaly 0.01% of the population

#5f5bd6 hex color

#5f5bd6 Color Information

#5f5bd6 Color Conversion

Color Schemes with #5f5bd6

Alternatives to #5f5bd6

#5f5bd6 Preview

Shades and Tints of #5f5bd6

Tones of #5f5bd6

Color Blindness Simulator