#b228d4 hex color

In a RGB color space, hex #b228d4 is composed of 69.8% red, 15.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 81.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 288.1 degrees, a saturation of 68.3% and a lightness of 49.4%. #b228d4 color hex could be obtained by blending #ff50ff with #6500a9. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 16
- B 83
RGB color chart
- C 16
- M 81
- Y 0
- K 17
CMYK color chart

● #b228d4 color description : Strong magenta.

The hexadecimal color #b228d4 has RGB values of R:178, G:40, B:212 and CMYK values of C:0.16, M:0.81, Y:0, K:0.17. Its decimal value is 11675860.

Hex triplet	b228d4	`#b228d4`
RGB Decimal	178, 40, 212	`rgb(178,40,212)`
RGB Percent	69.8, 15.7, 83.1	`rgb(69.8%,15.7%,83.1%)`
CMYK	16, 81, 0, 17
HSL	288.1°, 68.3, 49.4	`hsl(288.1,68.3%,49.4%)`
HSV (or HSB)	288.1°, 81.1, 83.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.628, 74.229, -59.282
XYZ	31.001, 15.737, 63.688
xyY	0.281, 0.143, 15.737
CIE-LCH	46.628, 94.997, 321.388
CIE-LUV	46.628, 44.151, -96.484
Hunter-Lab	39.67, 70.069, -67.417
Binary	10110010, 00101000, 11010100

#b228d4
```
#b228d4 rgb(178,40,212)
```
#4ad428
```
#4ad428 rgb(74,212,40)
```

Complementary Color

#5c28d4
```
#5c28d4 rgb(92,40,212)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#d428a0
```
#d428a0 rgb(212,40,160)
```

Analogous Color

#28d45c
```
#28d45c rgb(40,212,92)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#a0d428
```
#a0d428 rgb(160,212,40)
```

Split Complementary Color

#28d4b2
```
#28d4b2 rgb(40,212,178)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#d4b228
```
#d4b228 rgb(212,178,40)
```

Triadic Color

#284ad4
```
#284ad4 rgb(40,74,212)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#d4b228
```
#d4b228 rgb(212,178,40)
```
#4ad428
```
#4ad428 rgb(74,212,40)
```

Tetradic Color

#7c1c94
```
#7c1c94 rgb(124,28,148)
```
#8e20a9
```
#8e20a9 rgb(142,32,169)
```
#a024bf
```
#a024bf rgb(160,36,191)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#bb3bda
```
#bb3bda rgb(187,59,218)
```
#c251de
```
#c251de rgb(194,81,222)
```
#ca66e2
```
#ca66e2 rgb(202,102,226)
```

Monochromatic Color

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

#8728d4
```
#8728d4 rgb(135,40,212)
```
#9528d4
```
#9528d4 rgb(149,40,212)
```
#a428d4
```
#a428d4 rgb(164,40,212)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#c028d4
```
#c028d4 rgb(192,40,212)
```
#cf28d4
```
#cf28d4 rgb(207,40,212)
```
#d428cb
```
#d428cb rgb(212,40,203)
```

Similar Colors

Text with hexadecimal color #b228d4

This text has a font color of #b228d4.

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

#b228d4 background color

This paragraph has a background color of #b228d4.

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

#b228d4 border color

This element has a border color of #b228d4.

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

CSS codes

.text {color:#b228d4;}

.background {background-color:#b228d4;}

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

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, #0c030e is the darkest color, while #fefcff is the lightest one.

#0c030e
```
#0c030e rgb(12,3,14)
```
#1a061e
```
#1a061e rgb(26,6,30)
```
#27092f
```
#27092f rgb(39,9,47)
```
#350c3f
```
#350c3f rgb(53,12,63)
```
#430f50
```
#430f50 rgb(67,15,80)
```
#511260
```
#511260 rgb(81,18,96)
```
#5f1571
```
#5f1571 rgb(95,21,113)
```
#6d1881
```
#6d1881 rgb(109,24,129)
```
#7b1c92
```
#7b1c92 rgb(123,28,146)
```
#881fa2
```
#881fa2 rgb(136,31,162)
```
#9622b3
```
#9622b3 rgb(150,34,179)
```
#a425c3
```
#a425c3 rgb(164,37,195)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```

Shade Color Variation

#b936d9
```
#b936d9 rgb(185,54,217)
```
#bf47dc
```
#bf47dc rgb(191,71,220)
```
#c557df
```
#c557df rgb(197,87,223)
```
#ca68e3
```
#ca68e3 rgb(202,104,227)
```
#d078e6
```
#d078e6 rgb(208,120,230)
```
#d689e9
```
#d689e9 rgb(214,137,233)
```
#dc99ec
```
#dc99ec rgb(220,153,236)
```
#e1aaef
```
#e1aaef rgb(225,170,239)
```
#e7baf2
```
#e7baf2 rgb(231,186,242)
```
#edcbf5
```
#edcbf5 rgb(237,203,245)
```
#f3dbf8
```
#f3dbf8 rgb(243,219,248)
```
#f8ecfb
```
#f8ecfb rgb(248,236,251)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#837686
```
#837686 rgb(131,118,134)
```
#896c90
```
#896c90 rgb(137,108,144)
```
#8f629a
```
#8f629a rgb(143,98,154)
```
#9558a4
```
#9558a4 rgb(149,88,164)
```
#9b4fad
```
#9b4fad rgb(155,79,173)
```
#a045b7
```
#a045b7 rgb(160,69,183)
```
#a63bc1
```
#a63bc1 rgb(166,59,193)
```
#ac32ca
```
#ac32ca rgb(172,50,202)
```
#b228d4
```
#b228d4 rgb(178,40,212)
```
#b81ede
```
#b81ede rgb(184,30,222)
```
#be15e7
```
#be15e7 rgb(190,21,231)
```
#c40bf1
```
#c40bf1 rgb(196,11,241)
```
#c901fb
```
#c901fb rgb(201,1,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#74597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#2a77c4 Deuteranopia 1% of men
#a46369 Tritanopia 0.001% of the population

Trichromacy

#4057db Protanomaly 1% of men, 0.01% of women
#5b5ac9 Deuteranomaly 6% of men, 0.4% of women
#a94d90 Tritanomaly 0.01% of the population

#b228d4 hex color

#b228d4 Color Information

#b228d4 Color Conversion

Color Schemes with #b228d4

Alternatives to #b228d4

#b228d4 Preview

Shades and Tints of #b228d4

Tones of #b228d4

Color Blindness Simulator