#b224fc hex color

In a RGB color space, hex #b224fc is composed of 69.8% red, 14.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 85.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 279.4 degrees, a saturation of 97.3% and a lightness of 56.5%. #b224fc color hex could be obtained by blending #ff48ff with #6500f9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 14
- B 99
RGB color chart
- C 29
- M 86
- Y 0
- K 1
CMYK color chart

● #b224fc color description : Vivid violet.

The hexadecimal color #b224fc has RGB values of R:178, G:36, B:252 and CMYK values of C:0.29, M:0.86, Y:0, K:0.01. Its decimal value is 11674876.

Hex triplet	b224fc	`#b224fc`
RGB Decimal	178, 36, 252	`rgb(178,36,252)`
RGB Percent	69.8, 14.1, 98.8	`rgb(69.8%,14.1%,98.8%)`
CMYK	29, 86, 0, 1
HSL	279.4°, 97.3, 56.5	`hsl(279.4,97.3%,56.5%)`
HSV (or HSB)	279.4°, 85.7, 98.8
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.199, 82.597, -77.749
XYZ	36.559, 17.756, 93.591
xyY	0.247, 0.12, 17.756
CIE-LCH	49.199, 113.434, 316.732
CIE-LUV	49.199, 33.71, -124.429
Hunter-Lab	42.138, 81.127, -102.191
Binary	10110010, 00100100, 11111100

#b224fc
```
#b224fc rgb(178,36,252)
```
#6efc24
```
#6efc24 rgb(110,252,36)
```

Complementary Color

#4624fc
```
#4624fc rgb(70,36,252)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#fc24da
```
#fc24da rgb(252,36,218)
```

Analogous Color

#24fc46
```
#24fc46 rgb(36,252,70)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#dafc24
```
#dafc24 rgb(218,252,36)
```

Split Complementary Color

#24fcb2
```
#24fcb2 rgb(36,252,178)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#fcb224
```
#fcb224 rgb(252,178,36)
```

Triadic Color

#246efc
```
#246efc rgb(36,110,252)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#fcb224
```
#fcb224 rgb(252,178,36)
```
#6efc24
```
#6efc24 rgb(110,252,36)
```

Tetradic Color

#8a03d1
```
#8a03d1 rgb(138,3,209)
```
#9b03ea
```
#9b03ea rgb(155,3,234)
```
#a90bfc
```
#a90bfc rgb(169,11,252)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#bb3dfc
```
#bb3dfc rgb(187,61,252)
```
#c456fd
```
#c456fd rgb(196,86,253)
```
#cd6ffd
```
#cd6ffd rgb(205,111,253)
```

Monochromatic Color

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

#7c24fc
```
#7c24fc rgb(124,36,252)
```
#8e24fc
```
#8e24fc rgb(142,36,252)
```
#a024fc
```
#a024fc rgb(160,36,252)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#c424fc
```
#c424fc rgb(196,36,252)
```
#d624fc
```
#d624fc rgb(214,36,252)
```
#e824fc
```
#e824fc rgb(232,36,252)
```

Similar Colors

Text with hexadecimal color #b224fc

This text has a font color of #b224fc.

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

#b224fc background color

This paragraph has a background color of #b224fc.

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

#b224fc border color

This element has a border color of #b224fc.

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

CSS codes

.text {color:#b224fc;}

.background {background-color:#b224fc;}

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

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

#09000d
```
#09000d rgb(9,0,13)
```
#160021
```
#160021 rgb(22,0,33)
```
#220134
```
#220134 rgb(34,1,52)
```
#2f0147
```
#2f0147 rgb(47,1,71)
```
#3c015b
```
#3c015b rgb(60,1,91)
```
#49026e
```
#49026e rgb(73,2,110)
```
#560281
```
#560281 rgb(86,2,129)
```
#620295
```
#620295 rgb(98,2,149)
```
#6f02a8
```
#6f02a8 rgb(111,2,168)
```
#7c03bb
```
#7c03bb rgb(124,3,187)
```
#8903cf
```
#8903cf rgb(137,3,207)
```
#9603e2
```
#9603e2 rgb(150,3,226)
```
#a203f5
```
#a203f5 rgb(162,3,245)
```

Shade Color Variation

#ab11fc
```
#ab11fc rgb(171,17,252)
```
#b224fc
```
#b224fc rgb(178,36,252)
```
#b937fc
```
#b937fc rgb(185,55,252)
```
#c04bfd
```
#c04bfd rgb(192,75,253)
```
#c65efd
```
#c65efd rgb(198,94,253)
```
#cd71fd
```
#cd71fd rgb(205,113,253)
```
#d485fd
```
#d485fd rgb(212,133,253)
```
#db98fe
```
#db98fe rgb(219,152,254)
```
#e2abfe
```
#e2abfe rgb(226,171,254)
```
#e8bffe
```
#e8bffe rgb(232,191,254)
```
#efd2fe
```
#efd2fe rgb(239,210,254)
```
#f6e6ff
```
#f6e6ff rgb(246,230,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#928a96
```
#928a96 rgb(146,138,150)
```
#94829e
```
#94829e rgb(148,130,158)
```
#9779a7
```
#9779a7 rgb(151,121,167)
```
#9a71af
```
#9a71af rgb(154,113,175)
```
#9c68b8
```
#9c68b8 rgb(156,104,184)
```
#9f60c0
```
#9f60c0 rgb(159,96,192)
```
#a257c9
```
#a257c9 rgb(162,87,201)
```
#a54fd1
```
#a54fd1 rgb(165,79,209)
```
#a746da
```
#a746da rgb(167,70,218)
```
#aa3ee2
```
#aa3ee2 rgb(170,62,226)
```
#ad35eb
```
#ad35eb rgb(173,53,235)
```
#af2df3
```
#af2df3 rgb(175,45,243)
```
#b224fc
```
#b224fc rgb(178,36,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#765a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#9b7078 Tritanopia 0.001% of the population

Trichromacy

#4059f0 Protanomaly 1% of men, 0.01% of women
#405ddf Deuteranomaly 6% of men, 0.4% of women
#a354a8 Tritanomaly 0.01% of the population

#b224fc hex color

#b224fc Color Information

#b224fc Color Conversion

Color Schemes with #b224fc

Alternatives to #b224fc

#b224fc Preview

Shades and Tints of #b224fc

Tones of #b224fc

Color Blindness Simulator