#b224bf hex color

In a RGB color space, hex #b224bf is composed of 69.8% red, 14.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 81.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 295 degrees, a saturation of 68.3% and a lightness of 44.5%. #b224bf color hex could be obtained by blending #ff48ff with #65007f. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 14
- B 75
RGB color chart
- C 7
- M 81
- Y 0
- K 25
CMYK color chart

● #b224bf color description : Strong magenta.

The hexadecimal color #b224bf has RGB values of R:178, G:36, B:191 and CMYK values of C:0.07, M:0.81, Y:0, K:0.25. Its decimal value is 11674815.

Hex triplet	b224bf	`#b224bf`
RGB Decimal	178, 36, 191	`rgb(178,36,191)`
RGB Percent	69.8, 14.1, 74.9	`rgb(69.8%,14.1%,74.9%)`
CMYK	7, 81, 0, 25
HSL	295°, 68.3, 44.5	`hsl(295,68.3%,44.5%)`
HSV (or HSB)	295°, 81.2, 74.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.928, 71.627, -49.856
XYZ	28.394, 14.49, 50.589
xyY	0.304, 0.155, 14.49
CIE-LCH	44.928, 87.27, 325.16
CIE-LUV	44.928, 51.327, -81.926
Hunter-Lab	38.066, 66.532, -52.149
Binary	10110010, 00100100, 10111111

#b224bf
```
#b224bf rgb(178,36,191)
```
#31bf24
```
#31bf24 rgb(49,191,36)
```

Complementary Color

#6524bf
```
#6524bf rgb(101,36,191)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#bf247f
```
#bf247f rgb(191,36,127)
```

Analogous Color

#24bf65
```
#24bf65 rgb(36,191,101)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#7fbf24
```
#7fbf24 rgb(127,191,36)
```

Split Complementary Color

#24bfb2
```
#24bfb2 rgb(36,191,178)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#bfb224
```
#bfb224 rgb(191,178,36)
```

Triadic Color

#2431bf
```
#2431bf rgb(36,49,191)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#bfb224
```
#bfb224 rgb(191,178,36)
```
#31bf24
```
#31bf24 rgb(49,191,36)
```

Tetradic Color

#76187f
```
#76187f rgb(118,24,127)
```
#8a1c94
```
#8a1c94 rgb(138,28,148)
```
#9e20aa
```
#9e20aa rgb(158,32,170)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#c628d4
```
#c628d4 rgb(198,40,212)
```
#cd3cda
```
#cd3cda rgb(205,60,218)
```
#d251de
```
#d251de rgb(210,81,222)
```

Monochromatic Color

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

#8b24bf
```
#8b24bf rgb(139,36,191)
```
#9824bf
```
#9824bf rgb(152,36,191)
```
#a524bf
```
#a524bf rgb(165,36,191)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#bf24bf
```
#bf24bf rgb(191,36,191)
```
#bf24b2
```
#bf24b2 rgb(191,36,178)
```
#bf24a5
```
#bf24a5 rgb(191,36,165)
```

Similar Colors

Text with hexadecimal color #b224bf

This text has a font color of #b224bf.

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

#b224bf background color

This paragraph has a background color of #b224bf.

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

#b224bf border color

This element has a border color of #b224bf.

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

CSS codes

.text {color:#b224bf;}

.background {background-color:#b224bf;}

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

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

#090209
```
#090209 rgb(9,2,9)
```
#18051a
```
#18051a rgb(24,5,26)
```
#28082a
```
#28082a rgb(40,8,42)
```
#370b3b
```
#370b3b rgb(55,11,59)
```
#460e4b
```
#460e4b rgb(70,14,75)
```
#56115c
```
#56115c rgb(86,17,92)
```
#65146c
```
#65146c rgb(101,20,108)
```
#74187d
```
#74187d rgb(116,24,125)
```
#841b8d
```
#841b8d rgb(132,27,141)
```
#931e9e
```
#931e9e rgb(147,30,158)
```
#a321ae
```
#a321ae rgb(163,33,174)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#c127d0
```
#c127d0 rgb(193,39,208)
```

Shade Color Variation

#ca32d8
```
#ca32d8 rgb(202,50,216)
```
#cf42db
```
#cf42db rgb(207,66,219)
```
#d353df
```
#d353df rgb(211,83,223)
```
#d763e2
```
#d763e2 rgb(215,99,226)
```
#db74e5
```
#db74e5 rgb(219,116,229)
```
#e084e8
```
#e084e8 rgb(224,132,232)
```
#e495eb
```
#e495eb rgb(228,149,235)
```
#e8a5ee
```
#e8a5ee rgb(232,165,238)
```
#ecb6f1
```
#ecb6f1 rgb(236,182,241)
```
#f0c6f4
```
#f0c6f4 rgb(240,198,244)
```
#f5d7f7
```
#f5d7f7 rgb(245,215,247)
```
#f9e7fb
```
#f9e7fb rgb(249,231,251)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#786a79
```
#786a79 rgb(120,106,121)
```
#7f6182
```
#7f6182 rgb(127,97,130)
```
#86588b
```
#86588b rgb(134,88,139)
```
#8e5093
```
#8e5093 rgb(142,80,147)
```
#95479c
```
#95479c rgb(149,71,156)
```
#9c3ea5
```
#9c3ea5 rgb(156,62,165)
```
#a335ae
```
#a335ae rgb(163,53,174)
```
#ab2db6
```
#ab2db6 rgb(171,45,182)
```
#b224bf
```
#b224bf rgb(178,36,191)
```
#b91bc8
```
#b91bc8 rgb(185,27,200)
```
#c113d0
```
#c113d0 rgb(193,19,208)
```
#c80ad9
```
#c80ad9 rgb(200,10,217)
```
#cf01e2
```
#cf01e2 rgb(207,1,226)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#705473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#4672b1 Deuteranopia 1% of men
#a85a60 Tritanopia 0.001% of the population

Trichromacy

#4053cf Protanomaly 1% of men, 0.01% of women
#6d55b6 Deuteranomaly 6% of men, 0.4% of women
#ac4682 Tritanomaly 0.01% of the population

#b224bf hex color

#b224bf Color Information

#b224bf Color Conversion

Color Schemes with #b224bf

Alternatives to #b224bf

#b224bf Preview

Shades and Tints of #b224bf

Tones of #b224bf

Color Blindness Simulator