#8054f4 hex color

In a RGB color space, hex #8054f4 is composed of 50.2% red, 32.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 65.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 256.5 degrees, a saturation of 87.9% and a lightness of 64.3%. #8054f4 color hex could be obtained by blending #ffa8ff with #0100e9. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 50
- G 33
- B 96
RGB color chart
- C 48
- M 66
- Y 0
- K 4
CMYK color chart

● #8054f4 color description : Soft violet.

The hexadecimal color #8054f4 has RGB values of R:128, G:84, B:244 and CMYK values of C:0.48, M:0.66, Y:0, K:0.04. Its decimal value is 8410356.

Hex triplet	8054f4	`#8054f4`
RGB Decimal	128, 84, 244	`rgb(128,84,244)`
RGB Percent	50.2, 32.9, 95.7	`rgb(50.2%,32.9%,95.7%)`
CMYK	48, 66, 0, 4
HSL	256.5°, 87.9, 64.3	`hsl(256.5,87.9%,64.3%)`
HSV (or HSB)	256.5°, 65.6, 95.7
Web Safe	9966ff	`#9966ff`

CIE-LAB	48.836, 54.8, -74.127
XYZ	28.399, 17.461, 87.457
xyY	0.213, 0.131, 17.461
CIE-LCH	48.836, 92.183, 306.474
CIE-LUV	48.836, 4.884, -116.814
Hunter-Lab	41.786, 48.185, -94.841
Binary	10000000, 01010100, 11110100

#8054f4
```
#8054f4 rgb(128,84,244)
```
#c8f454
```
#c8f454 rgb(200,244,84)
```

Complementary Color

#5478f4
```
#5478f4 rgb(84,120,244)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#d054f4
```
#d054f4 rgb(208,84,244)
```

Analogous Color

#78f454
```
#78f454 rgb(120,244,84)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#f4d054
```
#f4d054 rgb(244,208,84)
```

Split Complementary Color

#54f480
```
#54f480 rgb(84,244,128)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#f48054
```
#f48054 rgb(244,128,84)
```

Triadic Color

#54c8f4
```
#54c8f4 rgb(84,200,244)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#f48054
```
#f48054 rgb(244,128,84)
```
#c8f454
```
#c8f454 rgb(200,244,84)
```

Tetradic Color

#4c0fec
```
#4c0fec rgb(76,15,236)
```
#5c24f1
```
#5c24f1 rgb(92,36,241)
```
#6e3cf2
```
#6e3cf2 rgb(110,60,242)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#926cf6
```
#926cf6 rgb(146,108,246)
```
#a484f7
```
#a484f7 rgb(164,132,247)
```
#b59cf9
```
#b59cf9 rgb(181,156,249)
```

Monochromatic Color

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

#5854f4
```
#5854f4 rgb(88,84,244)
```
#6554f4
```
#6554f4 rgb(101,84,244)
```
#7354f4
```
#7354f4 rgb(115,84,244)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#8d54f4
```
#8d54f4 rgb(141,84,244)
```
#9b54f4
```
#9b54f4 rgb(155,84,244)
```
#a854f4
```
#a854f4 rgb(168,84,244)
```

Similar Colors

Text with hexadecimal color #8054f4

This text has a font color of #8054f4.

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

#8054f4 background color

This paragraph has a background color of #8054f4.

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

#8054f4 border color

This element has a border color of #8054f4.

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

CSS codes

.text {color:#8054f4;}

.background {background-color:#8054f4;}

.border {border:1px solid #8054f4;}

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, #04010d is the darkest color, while #fbfaff is the lightest one.

#04010d
```
#04010d rgb(4,1,13)
```
#0a0220
```
#0a0220 rgb(10,2,32)
```
#100332
```
#100332 rgb(16,3,50)
```
#160445
```
#160445 rgb(22,4,69)
```
#1c0657
```
#1c0657 rgb(28,6,87)
```
#220769
```
#220769 rgb(34,7,105)
```
#28087c
```
#28087c rgb(40,8,124)
```
#2e098e
```
#2e098e rgb(46,9,142)
```
#340aa1
```
#340aa1 rgb(52,10,161)
```
#3a0cb3
```
#3a0cb3 rgb(58,12,179)
```
#400dc6
```
#400dc6 rgb(64,13,198)
```
#450ed8
```
#450ed8 rgb(69,14,216)
```
#4b0fea
```
#4b0fea rgb(75,15,234)
```

Shade Color Variation

#571df0
```
#571df0 rgb(87,29,240)
```
#652ff2
```
#652ff2 rgb(101,47,242)
```
#7242f3
```
#7242f3 rgb(114,66,243)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#8e66f5
```
#8e66f5 rgb(142,102,245)
```
#9b79f6
```
#9b79f6 rgb(155,121,246)
```
#a98bf8
```
#a98bf8 rgb(169,139,248)
```
#b79ef9
```
#b79ef9 rgb(183,158,249)
```
#c4b0fa
```
#c4b0fa rgb(196,176,250)
```
#d2c3fb
```
#d2c3fb rgb(210,195,251)
```
#e0d5fc
```
#e0d5fc rgb(224,213,252)
```
#eee7fd
```
#eee7fd rgb(238,231,253)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#a3a1a7
```
#a3a1a7 rgb(163,161,167)
```
#a09aae
```
#a09aae rgb(160,154,174)
```
#9c93b5
```
#9c93b5 rgb(156,147,181)
```
#998cbc
```
#998cbc rgb(153,140,188)
```
#9685c3
```
#9685c3 rgb(150,133,195)
```
#937eca
```
#937eca rgb(147,126,202)
```
#9077d1
```
#9077d1 rgb(144,119,209)
```
#8d70d8
```
#8d70d8 rgb(141,112,216)
```
#8969df
```
#8969df rgb(137,105,223)
```
#8662e6
```
#8662e6 rgb(134,98,230)
```
#835bed
```
#835bed rgb(131,91,237)
```
#8054f4
```
#8054f4 rgb(128,84,244)
```
#7d4dfb
```
#7d4dfb rgb(125,77,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#766d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#608089 Tritanopia 0.001% of the population

Trichromacy

#2e6aed Protanomaly 1% of men, 0.01% of women
#2e6edb Deuteranomaly 6% of men, 0.4% of women
#6b70b0 Tritanomaly 0.01% of the population

#8054f4 hex color

#8054f4 Color Information

#8054f4 Color Conversion

Color Schemes with #8054f4

Alternatives to #8054f4

#8054f4 Preview

Shades and Tints of #8054f4

Tones of #8054f4

Color Blindness Simulator