colorhexa.com

#b228bb hex color

In a RGB color space, hex #b228bb is composed of 69.8% red, 15.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 78.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 296.3 degrees, a saturation of 64.8% and a lightness of 44.5%. #b228bb color hex could be obtained by blending #ff50ff with #650077. Closest websafe color is: #9933cc.

- R 70
- G 16
- B 73
RGB color chart
- C 5
- M 79
- Y 0
- K 27
CMYK color chart

● #b228bb color description : Strong magenta.

The hexadecimal color #b228bb has RGB values of R:178, G:40, B:187 and CMYK values of C:0.05, M:0.79, Y:0, K:0.27. Its decimal value is 11675835.

Hex triplet	b228bb	`#b228bb`
RGB Decimal	178, 40, 187	`rgb(178,40,187)`
RGB Percent	69.8, 15.7, 73.3	`rgb(69.8%,15.7%,73.3%)`
CMYK	5, 79, 0, 27
HSL	296.3°, 64.8, 44.5	`hsl(296.3,64.8%,44.5%)`
HSV (or HSB)	296.3°, 78.6, 73.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.042, 69.926, -47.332
XYZ	28.088, 14.572, 48.344
xyY	0.309, 0.16, 14.572
CIE-LCH	45.042, 84.439, 325.906
CIE-LUV	45.042, 52.107, -78.182
Hunter-Lab	38.173, 64.536, -48.366
Binary	10110010, 00101000, 10111011

#b228bb
```
#b228bb rgb(178,40,187)
```
#31bb28
```
#31bb28 rgb(49,187,40)
```

Complementary Color

#6928bb
```
#6928bb rgb(105,40,187)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#bb287b
```
#bb287b rgb(187,40,123)
```

Analogous Color

#28bb69
```
#28bb69 rgb(40,187,105)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#7bbb28
```
#7bbb28 rgb(123,187,40)
```

Split Complementary Color

#28bbb2
```
#28bbb2 rgb(40,187,178)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#bbb228
```
#bbb228 rgb(187,178,40)
```

Triadic Color

#2831bb
```
#2831bb rgb(40,49,187)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#bbb228
```
#bbb228 rgb(187,178,40)
```
#31bb28
```
#31bb28 rgb(49,187,40)
```

Tetradic Color

#761b7c
```
#761b7c rgb(118,27,124)
```
#8a1f91
```
#8a1f91 rgb(138,31,145)
```
#9e24a6
```
#9e24a6 rgb(158,36,166)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#c62cd0
```
#c62cd0 rgb(198,44,208)
```
#cd40d6
```
#cd40d6 rgb(205,64,214)
```
#d255db
```
#d255db rgb(210,85,219)
```

Monochromatic Color

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

#8d28bb
```
#8d28bb rgb(141,40,187)
```
#9a28bb
```
#9a28bb rgb(154,40,187)
```
#a628bb
```
#a628bb rgb(166,40,187)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#bb28b8
```
#bb28b8 rgb(187,40,184)
```
#bb28ac
```
#bb28ac rgb(187,40,172)
```
#bb289f
```
#bb289f rgb(187,40,159)
```

Similar Colors

Text with hexadecimal color #b228bb

This text has a font color of #b228bb.

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

#b228bb background color

This paragraph has a background color of #b228bb.

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

#b228bb border color

This element has a border color of #b228bb.

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

CSS codes

.text {color:#b228bb;}

.background {background-color:#b228bb;}

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

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)
```
#180519
```
#180519 rgb(24,5,25)
```
#28092a
```
#28092a rgb(40,9,42)
```
#370c3a
```
#370c3a rgb(55,12,58)
```
#46104a
```
#46104a rgb(70,16,74)
```
#56135a
```
#56135a rgb(86,19,90)
```
#65176a
```
#65176a rgb(101,23,106)
```
#741a7a
```
#741a7a rgb(116,26,122)
```
#841e8b
```
#841e8b rgb(132,30,139)
```
#93219b
```
#93219b rgb(147,33,155)
```
#a325ab
```
#a325ab rgb(163,37,171)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#c12bcb
```
#c12bcb rgb(193,43,203)
```

Shade Color Variation

#ca36d4
```
#ca36d4 rgb(202,54,212)
```
#cf46d8
```
#cf46d8 rgb(207,70,216)
```
#d357db
```
#d357db rgb(211,87,219)
```
#d767de
```
#d767de rgb(215,103,222)
```
#db77e2
```
#db77e2 rgb(219,119,226)
```
#e087e5
```
#e087e5 rgb(224,135,229)
```
#e497e9
```
#e497e9 rgb(228,151,233)
```
#e8a7ec
```
#e8a7ec rgb(232,167,236)
```
#ecb7f0
```
#ecb7f0 rgb(236,183,240)
```
#f0c8f3
```
#f0c8f3 rgb(240,200,243)
```
#f5d8f7
```
#f5d8f7 rgb(245,216,247)
```
#f9e8fa
```
#f9e8fa rgb(249,232,250)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#756e75
```
#756e75 rgb(117,110,117)
```
#7c657e
```
#7c657e rgb(124,101,126)
```
#845c87
```
#845c87 rgb(132,92,135)
```
#8c548f
```
#8c548f rgb(140,84,143)
```
#934b98
```
#934b98 rgb(147,75,152)
```
#9b42a1
```
#9b42a1 rgb(155,66,161)
```
#a339aa
```
#a339aa rgb(163,57,170)
```
#aa31b2
```
#aa31b2 rgb(170,49,178)
```
#b228bb
```
#b228bb rgb(178,40,187)
```
#ba1fc4
```
#ba1fc4 rgb(186,31,196)
```
#c117cc
```
#c117cc rgb(193,23,204)
```
#c90ed5
```
#c90ed5 rgb(201,14,213)
```
#d105de
```
#d105de rgb(209,5,222)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#725674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#4c72ae Deuteranopia 1% of men
#a95a60 Tritanopia 0.001% of the population

Trichromacy

#4055ce Protanomaly 1% of men, 0.01% of women
#7157b3 Deuteranomaly 6% of men, 0.4% of women
#ac4781 Tritanomaly 0.01% of the population