colorhexa.com

#b224e2 hex color

In a RGB color space, hex #b224e2 is composed of 69.8% red, 14.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 84.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 284.8 degrees, a saturation of 76.6% and a lightness of 51.4%. #b224e2 color hex could be obtained by blending #ff48ff with #6500c5. Closest websafe color is: #9933cc.

- R 70
- G 14
- B 89
RGB color chart
- C 21
- M 84
- Y 0
- K 11
CMYK color chart

● #b224e2 color description : Bright violet.

The hexadecimal color #b224e2 has RGB values of R:178, G:36, B:226 and CMYK values of C:0.21, M:0.84, Y:0, K:0.11. Its decimal value is 11674850.

Hex triplet	b224e2	`#b224e2`
RGB Decimal	178, 36, 226	`rgb(178,36,226)`
RGB Percent	69.8, 14.1, 88.6	`rgb(69.8%,14.1%,88.6%)`
CMYK	21, 84, 0, 11
HSL	284.8°, 76.6, 51.4	`hsl(284.8,76.6%,51.4%)`
HSV (or HSB)	284.8°, 84.1, 88.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.261, 77.738, -66.258
XYZ	32.717, 16.219, 73.355
xyY	0.268, 0.133, 16.219
CIE-LCH	47.261, 102.144, 319.558
CIE-LUV	47.261, 40.531, -106.952
Hunter-Lab	40.273, 74.532, -79.802
Binary	10110010, 00100100, 11100010

#b224e2
```
#b224e2 rgb(178,36,226)
```
#54e224
```
#54e224 rgb(84,226,36)
```

Complementary Color

#5324e2
```
#5324e2 rgb(83,36,226)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#e224b3
```
#e224b3 rgb(226,36,179)
```

Analogous Color

#24e253
```
#24e253 rgb(36,226,83)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#b3e224
```
#b3e224 rgb(179,226,36)
```

Split Complementary Color

#24e2b2
```
#24e2b2 rgb(36,226,178)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#e2b224
```
#e2b224 rgb(226,178,36)
```

Triadic Color

#2454e2
```
#2454e2 rgb(36,84,226)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#e2b224
```
#e2b224 rgb(226,178,36)
```
#54e224
```
#54e224 rgb(84,226,36)
```

Tetradic Color

#8016a4
```
#8016a4 rgb(128,22,164)
```
#9119ba
```
#9119ba rgb(145,25,186)
```
#a31cd1
```
#a31cd1 rgb(163,28,209)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#ba3be5
```
#ba3be5 rgb(186,59,229)
```
#c251e8
```
#c251e8 rgb(194,81,232)
```
#ca68eb
```
#ca68eb rgb(202,104,235)
```

Monochromatic Color

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

#8324e2
```
#8324e2 rgb(131,36,226)
```
#9224e2
```
#9224e2 rgb(146,36,226)
```
#a224e2
```
#a224e2 rgb(162,36,226)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#c224e2
```
#c224e2 rgb(194,36,226)
```
#d224e2
```
#d224e2 rgb(210,36,226)
```
#e224e2
```
#e224e2 rgb(226,36,226)
```

Similar Colors

Text with hexadecimal color #b224e2

This text has a font color of #b224e2.

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

#b224e2 background color

This paragraph has a background color of #b224e2.

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

#b224e2 border color

This element has a border color of #b224e2.

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

CSS codes

.text {color:#b224e2;}

.background {background-color:#b224e2;}

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

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

#050106
```
#050106 rgb(5,1,6)
```
#120318
```
#120318 rgb(18,3,24)
```
#200529
```
#200529 rgb(32,5,41)
```
#2d083a
```
#2d083a rgb(45,8,58)
```
#3b0a4b
```
#3b0a4b rgb(59,10,75)
```
#480c5d
```
#480c5d rgb(72,12,93)
```
#560f6e
```
#560f6e rgb(86,15,110)
```
#64117f
```
#64117f rgb(100,17,127)
```
#711391
```
#711391 rgb(113,19,145)
```
#7f15a2
```
#7f15a2 rgb(127,21,162)
```
#8c18b3
```
#8c18b3 rgb(140,24,179)
```
#9a1ac5
```
#9a1ac5 rgb(154,26,197)
```
#a71cd6
```
#a71cd6 rgb(167,28,214)
```

Shade Color Variation

#b224e2
```
#b224e2 rgb(178,36,226)
```
#b835e4
```
#b835e4 rgb(184,53,228)
```
#be47e7
```
#be47e7 rgb(190,71,231)
```
#c458e9
```
#c458e9 rgb(196,88,233)
```
#ca69eb
```
#ca69eb rgb(202,105,235)
```
#d07bed
```
#d07bed rgb(208,123,237)
```
#d78cf0
```
#d78cf0 rgb(215,140,240)
```
#dd9df2
```
#dd9df2 rgb(221,157,242)
```
#e3aff4
```
#e3aff4 rgb(227,175,244)
```
#e9c0f7
```
#e9c0f7 rgb(233,192,247)
```
#efd1f9
```
#efd1f9 rgb(239,209,249)
```
#f5e3fb
```
#f5e3fb rgb(245,227,251)
```
#fbf4fe
```
#fbf4fe rgb(251,244,254)
```

Tint Color Variation

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

#887a8c
```
#887a8c rgb(136,122,140)
```
#8c7096
```
#8c7096 rgb(140,112,150)
```
#91679f
```
#91679f rgb(145,103,159)
```
#965da9
```
#965da9 rgb(150,93,169)
```
#9a54b2
```
#9a54b2 rgb(154,84,178)
```
#9f4abc
```
#9f4abc rgb(159,74,188)
```
#a441c5
```
#a441c5 rgb(164,65,197)
```
#a937cf
```
#a937cf rgb(169,55,207)
```
#ad2ed8
```
#ad2ed8 rgb(173,46,216)
```
#b224e2
```
#b224e2 rgb(178,36,226)
```
#b71aec
```
#b71aec rgb(183,26,236)
```
#bb11f5
```
#bb11f5 rgb(187,17,245)
```
#c007ff
```
#c007ff rgb(192,7,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#74577d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#a1676e Tritanopia 0.001% of the population

Trichromacy

#4056e2 Protanomaly 1% of men, 0.01% of women
#405ad2 Deuteranomaly 6% of men, 0.4% of women
#a74e98 Tritanomaly 0.01% of the population