#b54df2 hex color

In a RGB color space, hex #b54df2 is composed of 71% red, 30.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 68.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 277.8 degrees, a saturation of 86.4% and a lightness of 62.5%. #b54df2 color hex could be obtained by blending #ff9aff with #6b00e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 30
- B 95
RGB color chart
- C 25
- M 68
- Y 0
- K 5
CMYK color chart

● #b54df2 color description : Soft violet.

The hexadecimal color #b54df2 has RGB values of R:181, G:77, B:242 and CMYK values of C:0.25, M:0.68, Y:0, K:0.05. Its decimal value is 11881970.

Hex triplet	b54df2	`#b54df2`
RGB Decimal	181, 77, 242	`rgb(181,77,242)`
RGB Percent	71, 30.2, 94.9	`rgb(71%,30.2%,94.9%)`
CMYK	25, 68, 0, 5
HSL	277.8°, 86.4, 62.5	`hsl(277.8,86.4%,62.5%)`
HSV (or HSB)	277.8°, 68.2, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	53.539, 67.746, -65.101
XYZ	37.735, 21.543, 86.17
xyY	0.259, 0.148, 21.543
CIE-LCH	53.539, 93.955, 316.141
CIE-LUV	53.539, 31.91, -108.094
Hunter-Lab	46.415, 63.893, -77.583
Binary	10110101, 01001101, 11110010

#b54df2
```
#b54df2 rgb(181,77,242)
```
#8af24d
```
#8af24d rgb(138,242,77)
```

Complementary Color

#634df2
```
#634df2 rgb(99,77,242)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#f24ddd
```
#f24ddd rgb(242,77,221)
```

Analogous Color

#4df263
```
#4df263 rgb(77,242,99)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#ddf24d
```
#ddf24d rgb(221,242,77)
```

Split Complementary Color

#4df2b5
```
#4df2b5 rgb(77,242,181)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#f2b54d
```
#f2b54d rgb(242,181,77)
```

Triadic Color

#4d8af2
```
#4d8af2 rgb(77,138,242)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#f2b54d
```
#f2b54d rgb(242,181,77)
```
#8af24d
```
#8af24d rgb(138,242,77)
```

Tetradic Color

#9511e2
```
#9511e2 rgb(149,17,226)
```
#a11def
```
#a11def rgb(161,29,239)
```
#ab35f0
```
#ab35f0 rgb(171,53,240)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#bf65f4
```
#bf65f4 rgb(191,101,244)
```
#c97df5
```
#c97df5 rgb(201,125,245)
```
#d394f7
```
#d394f7 rgb(211,148,247)
```

Monochromatic Color

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

#8c4df2
```
#8c4df2 rgb(140,77,242)
```
#9a4df2
```
#9a4df2 rgb(154,77,242)
```
#a74df2
```
#a74df2 rgb(167,77,242)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#c34df2
```
#c34df2 rgb(195,77,242)
```
#d14df2
```
#d14df2 rgb(209,77,242)
```
#de4df2
```
#de4df2 rgb(222,77,242)
```

Similar Colors

Text with hexadecimal color #b54df2

This text has a font color of #b54df2.

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

#b54df2 background color

This paragraph has a background color of #b54df2.

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

#b54df2 border color

This element has a border color of #b54df2.

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

CSS codes

.text {color:#b54df2;}

.background {background-color:#b54df2;}

.border {border:1px solid #b54df2;}

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

#030005
```
#030005 rgb(3,0,5)
```
#0f0217
```
#0f0217 rgb(15,2,23)
```
#1b0329
```
#1b0329 rgb(27,3,41)
```
#27043c
```
#27043c rgb(39,4,60)
```
#33064e
```
#33064e rgb(51,6,78)
```
#3f0760
```
#3f0760 rgb(63,7,96)
```
#4b0872
```
#4b0872 rgb(75,8,114)
```
#570a85
```
#570a85 rgb(87,10,133)
```
#630b97
```
#630b97 rgb(99,11,151)
```
#6f0ca9
```
#6f0ca9 rgb(111,12,169)
```
#7b0ebc
```
#7b0ebc rgb(123,14,188)
```
#870fce
```
#870fce rgb(135,15,206)
```
#9310e0
```
#9310e0 rgb(147,16,224)
```

Shade Color Variation

#9e16ee
```
#9e16ee rgb(158,22,238)
```
#a628ef
```
#a628ef rgb(166,40,239)
```
#ad3bf1
```
#ad3bf1 rgb(173,59,241)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#bd5ff3
```
#bd5ff3 rgb(189,95,243)
```
#c472f5
```
#c472f5 rgb(196,114,245)
```
#cc84f6
```
#cc84f6 rgb(204,132,246)
```
#d396f7
```
#d396f7 rgb(211,150,247)
```
#dba8f9
```
#dba8f9 rgb(219,168,249)
```
#e3bbfa
```
#e3bbfa rgb(227,187,250)
```
#eacdfb
```
#eacdfb rgb(234,205,251)
```
#f2dffd
```
#f2dffd rgb(242,223,253)
```
#f9f2fe
```
#f9f2fe rgb(249,242,254)
```

Tint Color Variation

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

#a09ea1
```
#a09ea1 rgb(160,158,161)
```
#a296a9
```
#a296a9 rgb(162,150,169)
```
#a48fb0
```
#a48fb0 rgb(164,143,176)
```
#a688b7
```
#a688b7 rgb(166,136,183)
```
#a880bf
```
#a880bf rgb(168,128,191)
```
#aa79c6
```
#aa79c6 rgb(170,121,198)
```
#ab72cd
```
#ab72cd rgb(171,114,205)
```
#ad6ad5
```
#ad6ad5 rgb(173,106,213)
```
#af63dc
```
#af63dc rgb(175,99,220)
```
#b15ce3
```
#b15ce3 rgb(177,92,227)
```
#b354eb
```
#b354eb rgb(179,84,235)
```
#b54df2
```
#b54df2 rgb(181,77,242)
```
#b746f9
```
#b746f9 rgb(183,70,249)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8a7596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0a82ff Protanopia 1% of men
#2088e2 Deuteranopia 1% of men
#a37c84 Tritanopia 0.001% of the population

Trichromacy

#486ffa Protanomaly 1% of men, 0.01% of women
#5672e8 Deuteranomaly 6% of men, 0.4% of women
#a96bac Tritanomaly 0.01% of the population

#b54df2 hex color

#b54df2 Color Information

#b54df2 Color Conversion

Color Schemes with #b54df2

Alternatives to #b54df2

#b54df2 Preview

Shades and Tints of #b54df2

Tones of #b54df2

Color Blindness Simulator