#b8228d hex color

In a RGB color space, hex #b8228d is composed of 72.2% red, 13.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 23.4% yellow and 27.8% black. It has a hue angle of 317.2 degrees, a saturation of 68.8% and a lightness of 42.7%. #b8228d color hex could be obtained by blending #ff44ff with #71001b. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 72
- G 13
- B 55
RGB color chart
- C 0
- M 82
- Y 23
- K 28
CMYK color chart

● #b8228d color description : Strong pink.

The hexadecimal color #b8228d has RGB values of R:184, G:34, B:141 and CMYK values of C:0, M:0.82, Y:0.23, K:0.28. Its decimal value is 12067469.

Hex triplet	b8228d	`#b8228d`
RGB Decimal	184, 34, 141	`rgb(184,34,141)`
RGB Percent	72.2, 13.3, 55.3	`rgb(72.2%,13.3%,55.3%)`
CMYK	0, 82, 23, 28
HSL	317.2°, 68.8, 42.7	`hsl(317.2,68.8%,42.7%)`
HSV (or HSB)	317.2°, 81.5, 72.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	43.152, 66.021, -22.778
XYZ	25.147, 13.26, 26.433
xyY	0.388, 0.205, 13.26
CIE-LCH	43.152, 69.84, 340.965
CIE-LUV	43.152, 75.037, -42.032
Hunter-Lab	36.414, 59.546, -17.549
Binary	10111000, 00100010, 10001101

#b8228d
```
#b8228d rgb(184,34,141)
```
#22b84d
```
#22b84d rgb(34,184,77)
```

Complementary Color

#9822b8
```
#9822b8 rgb(152,34,184)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#b82242
```
#b82242 rgb(184,34,66)
```

Analogous Color

#22b898
```
#22b898 rgb(34,184,152)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#42b822
```
#42b822 rgb(66,184,34)
```

Split Complementary Color

#228db8
```
#228db8 rgb(34,141,184)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#8db822
```
#8db822 rgb(141,184,34)
```

Triadic Color

#4d22b8
```
#4d22b8 rgb(77,34,184)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#8db822
```
#8db822 rgb(141,184,34)
```
#22b84d
```
#22b84d rgb(34,184,77)
```

Tetradic Color

#77165c
```
#77165c rgb(119,22,92)
```
#8d1a6c
```
#8d1a6c rgb(141,26,108)
```
#a21e7d
```
#a21e7d rgb(162,30,125)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#ce269d
```
#ce269d rgb(206,38,157)
```
#d934aa
```
#d934aa rgb(217,52,170)
```
#dd49b3
```
#dd49b3 rgb(221,73,179)
```

Monochromatic Color

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

#b822b3
```
#b822b3 rgb(184,34,179)
```
#b822a6
```
#b822a6 rgb(184,34,166)
```
#b8229a
```
#b8229a rgb(184,34,154)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#b82281
```
#b82281 rgb(184,34,129)
```
#b82274
```
#b82274 rgb(184,34,116)
```
#b82268
```
#b82268 rgb(184,34,104)
```

Similar Colors

Text with hexadecimal color #b8228d

This text has a font color of #b8228d.

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

#b8228d background color

This paragraph has a background color of #b8228d.

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

#b8228d border color

This element has a border color of #b8228d.

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

CSS codes

.text {color:#b8228d;}

.background {background-color:#b8228d;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#12030e
```
#12030e rgb(18,3,14)
```
#23061b
```
#23061b rgb(35,6,27)
```
#340a28
```
#340a28 rgb(52,10,40)
```
#440d34
```
#440d34 rgb(68,13,52)
```
#551041
```
#551041 rgb(85,16,65)
```
#65134e
```
#65134e rgb(101,19,78)
```
#76165a
```
#76165a rgb(118,22,90)
```
#861967
```
#861967 rgb(134,25,103)
```
#971c74
```
#971c74 rgb(151,28,116)
```
#a71f80
```
#a71f80 rgb(167,31,128)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#c9259a
```
#c9259a rgb(201,37,154)
```

Shade Color Variation

#d82aa6
```
#d82aa6 rgb(216,42,166)
```
#db3aad
```
#db3aad rgb(219,58,173)
```
#de4bb4
```
#de4bb4 rgb(222,75,180)
```
#e15bbb
```
#e15bbb rgb(225,91,187)
```
#e46cc1
```
#e46cc1 rgb(228,108,193)
```
#e77cc8
```
#e77cc8 rgb(231,124,200)
```
#ea8dcf
```
#ea8dcf rgb(234,141,207)
```
#ed9ed6
```
#ed9ed6 rgb(237,158,214)
```
#f0aedd
```
#f0aedd rgb(240,174,221)
```
#f3bfe4
```
#f3bfe4 rgb(243,191,228)
```
#f6cfeb
```
#f6cfeb rgb(246,207,235)
```
#f9e0f2
```
#f9e0f2 rgb(249,224,242)
```
#fcf0f9
```
#fcf0f9 rgb(252,240,249)
```

Tint Color Variation

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

#756570
```
#756570 rgb(117,101,112)
```
#7d5d74
```
#7d5d74 rgb(125,93,116)
```
#865478
```
#865478 rgb(134,84,120)
```
#8e4c7b
```
#8e4c7b rgb(142,76,123)
```
#96447f
```
#96447f rgb(150,68,127)
```
#9f3b82
```
#9f3b82 rgb(159,59,130)
```
#a73386
```
#a73386 rgb(167,51,134)
```
#b02a89
```
#b02a89 rgb(176,42,137)
```
#b8228d
```
#b8228d rgb(184,34,141)
```
#c01a91
```
#c01a91 rgb(192,26,145)
```
#c91194
```
#c91194 rgb(201,17,148)
```
#d10998
```
#d10998 rgb(209,9,152)
```
#da009b
```
#da009b rgb(218,0,155)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e5065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#446bba Protanopia 1% of men
#6a6b86 Deuteranopia 1% of men
#b5484c Tritanopia 0.001% of the population

Trichromacy

#6e50a9 Protanomaly 1% of men, 0.01% of women
#865188 Deuteranomaly 6% of men, 0.4% of women
#b63a63 Tritanomaly 0.01% of the population

#b8228d hex color

#b8228d Color Information

#b8228d Color Conversion

Color Schemes with #b8228d

Alternatives to #b8228d

#b8228d Preview

Shades and Tints of #b8228d

Tones of #b8228d

Color Blindness Simulator