colorhexa.com

#5f2ddd hex color

In a RGB color space, hex #5f2ddd is composed of 37.3% red, 17.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 79.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 257 degrees, a saturation of 72.1% and a lightness of 52.2%. #5f2ddd color hex could be obtained by blending #be5aff with #0000bb. Closest websafe color is: #6633cc.

- R 37
- G 18
- B 87
RGB color chart
- C 57
- M 80
- Y 0
- K 13
CMYK color chart

● #5f2ddd color description : Bright violet.

The hexadecimal color #5f2ddd has RGB values of R:95, G:45, B:221 and CMYK values of C:0.57, M:0.8, Y:0, K:0.13. Its decimal value is 6237661.

Hex triplet	5f2ddd	`#5f2ddd`
RGB Decimal	95, 45, 221	`rgb(95,45,221)`
RGB Percent	37.3, 17.6, 86.7	`rgb(37.3%,17.6%,86.7%)`
CMYK	57, 80, 0, 13
HSL	257°, 72.1, 52.2	`hsl(257,72.1%,52.2%)`
HSV (or HSB)	257°, 79.6, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.985, 62.458, -80.648
XYZ	18.706, 9.53, 69.256
xyY	0.192, 0.098, 9.53
CIE-LCH	36.985, 102.005, 307.756
CIE-LUV	36.985, 2.264, -113.551
Hunter-Lab	30.87, 54.144, -111.407
Binary	01011111, 00101101, 11011101

#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#abdd2d
```
#abdd2d rgb(171,221,45)
```

Complementary Color

#2d53dd
```
#2d53dd rgb(45,83,221)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#b72ddd
```
#b72ddd rgb(183,45,221)
```

Analogous Color

#53dd2d
```
#53dd2d rgb(83,221,45)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#ddb72d
```
#ddb72d rgb(221,183,45)
```

Split Complementary Color

#2ddd5f
```
#2ddd5f rgb(45,221,95)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#dd5f2d
```
#dd5f2d rgb(221,95,45)
```

Triadic Color

#2dabdd
```
#2dabdd rgb(45,171,221)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#dd5f2d
```
#dd5f2d rgb(221,95,45)
```
#abdd2d
```
#abdd2d rgb(171,221,45)
```

Tetradic Color

#411aa3
```
#411aa3 rgb(65,26,163)
```
#4a1eb9
```
#4a1eb9 rgb(74,30,185)
```
#5322cf
```
#5322cf rgb(83,34,207)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#7043e1
```
#7043e1 rgb(112,67,225)
```
#8059e4
```
#8059e4 rgb(128,89,228)
```
#916fe8
```
#916fe8 rgb(145,111,232)
```

Monochromatic Color

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

#332ddd
```
#332ddd rgb(51,45,221)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#502ddd
```
#502ddd rgb(80,45,221)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#6e2ddd
```
#6e2ddd rgb(110,45,221)
```
#7c2ddd
```
#7c2ddd rgb(124,45,221)
```
#8b2ddd
```
#8b2ddd rgb(139,45,221)
```

Similar Colors

Text with hexadecimal color #5f2ddd

This text has a font color of #5f2ddd.

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

#5f2ddd background color

This paragraph has a background color of #5f2ddd.

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

#5f2ddd border color

This element has a border color of #5f2ddd.

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

CSS codes

.text {color:#5f2ddd;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0b041a
```
#0b041a rgb(11,4,26)
```
#11072b
```
#11072b rgb(17,7,43)
```
#180a3c
```
#180a3c rgb(24,10,60)
```
#1f0c4d
```
#1f0c4d rgb(31,12,77)
```
#260f5e
```
#260f5e rgb(38,15,94)
```
#2c126f
```
#2c126f rgb(44,18,111)
```
#331580
```
#331580 rgb(51,21,128)
```
#3a1791
```
#3a1791 rgb(58,23,145)
```
#411aa1
```
#411aa1 rgb(65,26,161)
```
#471db2
```
#471db2 rgb(71,29,178)
```
#4e20c3
```
#4e20c3 rgb(78,32,195)
```
#5522d4
```
#5522d4 rgb(85,34,212)
```

Shade Color Variation

#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#6c3ee0
```
#6c3ee0 rgb(108,62,224)
```
#794fe2
```
#794fe2 rgb(121,79,226)
```
#8660e5
```
#8660e5 rgb(134,96,229)
```
#9271e8
```
#9271e8 rgb(146,113,232)
```
#9f81eb
```
#9f81eb rgb(159,129,235)
```
#ac92ed
```
#ac92ed rgb(172,146,237)
```
#b9a3f0
```
#b9a3f0 rgb(185,163,240)
```
#c6b4f3
```
#c6b4f3 rgb(198,180,243)
```
#d3c5f6
```
#d3c5f6 rgb(211,197,246)
```
#e0d6f8
```
#e0d6f8 rgb(224,214,248)
```
#ece7fb
```
#ece7fb rgb(236,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838189 is the less saturated color, while #5311f9 is the most saturated one.

#838189
```
#838189 rgb(131,129,137)
```
#7f7892
```
#7f7892 rgb(127,120,146)
```
#7b6f9b
```
#7b6f9b rgb(123,111,155)
```
#7765a5
```
#7765a5 rgb(119,101,165)
```
#735cae
```
#735cae rgb(115,92,174)
```
#6f53b7
```
#6f53b7 rgb(111,83,183)
```
#6b49c1
```
#6b49c1 rgb(107,73,193)
```
#6740ca
```
#6740ca rgb(103,64,202)
```
#6336d4
```
#6336d4 rgb(99,54,212)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#5b24e6
```
#5b24e6 rgb(91,36,230)
```
#571af0
```
#571af0 rgb(87,26,240)
```
#5311f9
```
#5311f9 rgb(83,17,249)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#53496c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#27676f Tritanopia 0.001% of the population

Trichromacy

#224bc3 Protanomaly 1% of men, 0.01% of women
#224eb4 Deuteranomaly 6% of men, 0.4% of women
#3b5297 Tritanomaly 0.01% of the population