#b054f0 hex color

In a RGB color space, hex #b054f0 is composed of 69% red, 32.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 65% magenta, 0% yellow and 5.9% black. It has a hue angle of 275.4 degrees, a saturation of 83.9% and a lightness of 63.5%. #b054f0 color hex could be obtained by blending #ffa8ff with #6100e1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 33
- B 94
RGB color chart
- C 27
- M 65
- Y 0
- K 6
CMYK color chart

● #b054f0 color description : Soft violet.

The hexadecimal color #b054f0 has RGB values of R:176, G:84, B:240 and CMYK values of C:0.27, M:0.65, Y:0, K:0.06. Its decimal value is 11556080.

Hex triplet	b054f0	`#b054f0`
RGB Decimal	176, 84, 240	`rgb(176,84,240)`
RGB Percent	69, 32.9, 94.1	`rgb(69%,32.9%,94.1%)`
CMYK	27, 65, 0, 6
HSL	275.4°, 83.9, 63.5	`hsl(275.4,83.9%,63.5%)`
HSV (or HSB)	275.4°, 65, 94.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.881, 63.214, -63.464
XYZ	36.801, 21.863, 84.715
xyY	0.257, 0.152, 21.863
CIE-LCH	53.881, 89.575, 314.887
CIE-LUV	53.881, 28.026, -105.35
Hunter-Lab	46.758, 58.663, -74.69
Binary	10110000, 01010100, 11110000

#b054f0
```
#b054f0 rgb(176,84,240)
```
#94f054
```
#94f054 rgb(148,240,84)
```

Complementary Color

#6254f0
```
#6254f0 rgb(98,84,240)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#f054e2
```
#f054e2 rgb(240,84,226)
```

Analogous Color

#54f062
```
#54f062 rgb(84,240,98)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#e2f054
```
#e2f054 rgb(226,240,84)
```

Split Complementary Color

#54f0b0
```
#54f0b0 rgb(84,240,176)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#f0b054
```
#f0b054 rgb(240,176,84)
```

Triadic Color

#5494f0
```
#5494f0 rgb(84,148,240)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#f0b054
```
#f0b054 rgb(240,176,84)
```
#94f054
```
#94f054 rgb(148,240,84)
```

Tetradic Color

#8e14e4
```
#8e14e4 rgb(142,20,228)
```
#9a25ec
```
#9a25ec rgb(154,37,236)
```
#a53dee
```
#a53dee rgb(165,61,238)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#bb6bf2
```
#bb6bf2 rgb(187,107,242)
```
#c683f4
```
#c683f4 rgb(198,131,244)
```
#d09af6
```
#d09af6 rgb(208,154,246)
```

Monochromatic Color

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

#8954f0
```
#8954f0 rgb(137,84,240)
```
#9654f0
```
#9654f0 rgb(150,84,240)
```
#a354f0
```
#a354f0 rgb(163,84,240)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#bd54f0
```
#bd54f0 rgb(189,84,240)
```
#ca54f0
```
#ca54f0 rgb(202,84,240)
```
#d754f0
```
#d754f0 rgb(215,84,240)
```

Similar Colors

Text with hexadecimal color #b054f0

This text has a font color of #b054f0.

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

#b054f0 background color

This paragraph has a background color of #b054f0.

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

#b054f0 border color

This element has a border color of #b054f0.

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

CSS codes

.text {color:#b054f0;}

.background {background-color:#b054f0;}

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

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

#060109
```
#060109 rgb(6,1,9)
```
#11021b
```
#11021b rgb(17,2,27)
```
#1c042d
```
#1c042d rgb(28,4,45)
```
#28063f
```
#28063f rgb(40,6,63)
```
#330751
```
#330751 rgb(51,7,81)
```
#3e0964
```
#3e0964 rgb(62,9,100)
```
#4a0a76
```
#4a0a76 rgb(74,10,118)
```
#550c88
```
#550c88 rgb(85,12,136)
```
#600d9a
```
#600d9a rgb(96,13,154)
```
#6b0fac
```
#6b0fac rgb(107,15,172)
```
#7711be
```
#7711be rgb(119,17,190)
```
#8212d0
```
#8212d0 rgb(130,18,208)
```
#8d14e2
```
#8d14e2 rgb(141,20,226)
```

Shade Color Variation

#971eeb
```
#971eeb rgb(151,30,235)
```
#9f30ed
```
#9f30ed rgb(159,48,237)
```
#a842ee
```
#a842ee rgb(168,66,238)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#b866f2
```
#b866f2 rgb(184,102,242)
```
#c178f3
```
#c178f3 rgb(193,120,243)
```
#c98af5
```
#c98af5 rgb(201,138,245)
```
#d19cf6
```
#d19cf6 rgb(209,156,246)
```
#daaef8
```
#daaef8 rgb(218,174,248)
```
#e2c0f9
```
#e2c0f9 rgb(226,192,249)
```
#ead2fb
```
#ead2fb rgb(234,210,251)
```
#f3e4fd
```
#f3e4fd rgb(243,228,253)
```
#fbf6fe
```
#fbf6fe rgb(251,246,254)
```

Tint Color Variation

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

#a39ca8
```
#a39ca8 rgb(163,156,168)
```
#a494b0
```
#a494b0 rgb(164,148,176)
```
#a68db7
```
#a68db7 rgb(166,141,183)
```
#a786be
```
#a786be rgb(167,134,190)
```
#a87fc5
```
#a87fc5 rgb(168,127,197)
```
#aa78cc
```
#aa78cc rgb(170,120,204)
```
#ab71d3
```
#ab71d3 rgb(171,113,211)
```
#ac69db
```
#ac69db rgb(172,105,219)
```
#ad62e2
```
#ad62e2 rgb(173,98,226)
```
#af5be9
```
#af5be9 rgb(175,91,233)
```
#b054f0
```
#b054f0 rgb(176,84,240)
```
#b14df7
```
#b14df7 rgb(177,77,247)
```
#b346fe
```
#b346fe rgb(179,70,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c83ff Protanopia 1% of men
#2b89e1 Deuteranopia 1% of men
#9e7f88 Tritanopia 0.001% of the population

Trichromacy

#5272f9 Protanomaly 1% of men, 0.01% of women
#5b75e7 Deuteranomaly 6% of men, 0.4% of women
#a46fad Tritanomaly 0.01% of the population

#b054f0 hex color

#b054f0 Color Information

#b054f0 Color Conversion

Color Schemes with #b054f0

Alternatives to #b054f0

#b054f0 Preview

Shades and Tints of #b054f0

Tones of #b054f0

Color Blindness Simulator