#b228da hex color

In a RGB color space, hex #b228da is composed of 69.8% red, 15.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 81.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 286.5 degrees, a saturation of 70.6% and a lightness of 50.6%. #b228da color hex could be obtained by blending #ff50ff with #6500b5. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 16
- B 85
RGB color chart
- C 18
- M 82
- Y 0
- K 15
CMYK color chart

● #b228da color description : Bright magenta.

The hexadecimal color #b228da has RGB values of R:178, G:40, B:218 and CMYK values of C:0.18, M:0.82, Y:0, K:0.15. Its decimal value is 11675866.

Hex triplet	b228da	`#b228da`
RGB Decimal	178, 40, 218	`rgb(178,40,218)`
RGB Percent	69.8, 15.7, 85.5	`rgb(69.8%,15.7%,85.5%)`
CMYK	18, 82, 0, 15
HSL	286.5°, 70.6, 50.6	`hsl(286.5,70.6%,50.6%)`
HSV (or HSB)	286.5°, 81.7, 85.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.035, 75.307, -62.063
XYZ	31.772, 16.046, 67.749
xyY	0.275, 0.139, 16.046
CIE-LCH	47.035, 97.586, 320.507
CIE-LUV	47.035, 42.384, -100.744
Hunter-Lab	40.057, 71.48, -72.238
Binary	10110010, 00101000, 11011010

#b228da
```
#b228da rgb(178,40,218)
```
#50da28
```
#50da28 rgb(80,218,40)
```

Complementary Color

#5928da
```
#5928da rgb(89,40,218)
```
#b228da
```
#b228da rgb(178,40,218)
```
#da28a9
```
#da28a9 rgb(218,40,169)
```

Analogous Color

#28da59
```
#28da59 rgb(40,218,89)
```
#b228da
```
#b228da rgb(178,40,218)
```
#a9da28
```
#a9da28 rgb(169,218,40)
```

Split Complementary Color

#28dab2
```
#28dab2 rgb(40,218,178)
```
#b228da
```
#b228da rgb(178,40,218)
```
#dab228
```
#dab228 rgb(218,178,40)
```

Triadic Color

#2850da
```
#2850da rgb(40,80,218)
```
#b228da
```
#b228da rgb(178,40,218)
```
#dab228
```
#dab228 rgb(218,178,40)
```
#50da28
```
#50da28 rgb(80,218,40)
```

Tetradic Color

#7e1b9b
```
#7e1b9b rgb(126,27,155)
```
#901eb1
```
#901eb1 rgb(144,30,177)
```
#a122c6
```
#a122c6 rgb(161,34,198)
```
#b228da
```
#b228da rgb(178,40,218)
```
#ba3ede
```
#ba3ede rgb(186,62,222)
```
#c254e1
```
#c254e1 rgb(194,84,225)
```
#c969e5
```
#c969e5 rgb(201,105,229)
```

Monochromatic Color

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

#8628da
```
#8628da rgb(134,40,218)
```
#9428da
```
#9428da rgb(148,40,218)
```
#a328da
```
#a328da rgb(163,40,218)
```
#b228da
```
#b228da rgb(178,40,218)
```
#c128da
```
#c128da rgb(193,40,218)
```
#d028da
```
#d028da rgb(208,40,218)
```
#da28d6
```
#da28d6 rgb(218,40,214)
```

Similar Colors

Text with hexadecimal color #b228da

This text has a font color of #b228da.

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

#b228da background color

This paragraph has a background color of #b228da.

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

#b228da border color

This element has a border color of #b228da.

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

CSS codes

.text {color:#b228da;}

.background {background-color:#b228da;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100313
```
#100313 rgb(16,3,19)
```
#1d0624
```
#1d0624 rgb(29,6,36)
```
#2b0935
```
#2b0935 rgb(43,9,53)
```
#390c46
```
#390c46 rgb(57,12,70)
```
#460f56
```
#460f56 rgb(70,15,86)
```
#541267
```
#541267 rgb(84,18,103)
```
#611578
```
#611578 rgb(97,21,120)
```
#6f1788
```
#6f1788 rgb(111,23,136)
```
#7d1a99
```
#7d1a99 rgb(125,26,153)
```
#8a1daa
```
#8a1daa rgb(138,29,170)
```
#9820bb
```
#9820bb rgb(152,32,187)
```
#a623cb
```
#a623cb rgb(166,35,203)
```

Shade Color Variation

#b228da
```
#b228da rgb(178,40,218)
```
#b839dd
```
#b839dd rgb(184,57,221)
```
#be49e0
```
#be49e0 rgb(190,73,224)
```
#c45ae3
```
#c45ae3 rgb(196,90,227)
```
#ca6be6
```
#ca6be6 rgb(202,107,230)
```
#d07ce8
```
#d07ce8 rgb(208,124,232)
```
#d68ceb
```
#d68ceb rgb(214,140,235)
```
#dc9dee
```
#dc9dee rgb(220,157,238)
```
#e2aef1
```
#e2aef1 rgb(226,174,241)
```
#e8bff4
```
#e8bff4 rgb(232,191,244)
```
#eecff7
```
#eecff7 rgb(238,207,247)
```
#f4e0fa
```
#f4e0fa rgb(244,224,250)
```
#faf1fd
```
#faf1fd rgb(250,241,253)
```

Tint Color Variation

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

#827f83
```
#827f83 rgb(130,127,131)
```
#87768c
```
#87768c rgb(135,118,140)
```
#8d6c96
```
#8d6c96 rgb(141,108,150)
```
#9262a0
```
#9262a0 rgb(146,98,160)
```
#9758aa
```
#9758aa rgb(151,88,170)
```
#9d4fb3
```
#9d4fb3 rgb(157,79,179)
```
#a245bd
```
#a245bd rgb(162,69,189)
```
#a73bc7
```
#a73bc7 rgb(167,59,199)
```
#ad32d0
```
#ad32d0 rgb(173,50,208)
```
#b228da
```
#b228da rgb(178,40,218)
```
#b71ee4
```
#b71ee4 rgb(183,30,228)
```
#bd15ed
```
#bd15ed rgb(189,21,237)
```
#c20bf7
```
#c20bf7 rgb(194,11,247)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#1478c9 Deuteranopia 1% of men
#a3656c Tritanopia 0.001% of the population

Trichromacy

#4058de Protanomaly 1% of men, 0.01% of women
#4d5bcf Deuteranomaly 6% of men, 0.4% of women
#a84f94 Tritanomaly 0.01% of the population

#b228da hex color

#b228da Color Information

#b228da Color Conversion

Color Schemes with #b228da

Alternatives to #b228da

#b228da Preview

Shades and Tints of #b228da

Tones of #b228da

Color Blindness Simulator