#B22D53 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #B22D53

#B22D53

In a RGB color space, hex #B22D53 is composed of 70% red, 18% green and 33% blue. RGB color code is composed of a hexadecimal B2 red (178/255), a 2D green (45/255) and a 53 blue component (83/255). The decimal RGB color code is rgb(178,45,83) In CMYK color space, it is composed of 0% cyan, 75% magenta, 53% yellow and 30% black. It has a hue angle of 342.86o degrees, a saturation of 60% and a lightness of 44%. Closest websafe color is: #993366 rgb (153, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #B22D53 has RGB values of R:178, G:45, B:83 and CMYK values of C:0, M:75, Y:53, K:30. Its decimal value is 11677011.Binary code is 101100100010110101010011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color B22D53  #B22D53 RGB decimal 178, 45, 83  rgb(178, 45, 83) RGB % 70, 18, 33  rgb(70%, 18%, 33%) RGB Adobe 153, 49, 83 CMYK % 0, 75, 53, 30  0%, 75%, 53%, 30% HSL 342.86o, 60, 44  hsl(342.86o, 60%, 44%) HSV (HSB) 343o, 75%, 70%  hsv(343o, 75%, 70%)

Web Safe color #993366 rgb (153, 51, 102) XYZ 20.86, 11.966 9.394 xyY 0.49, 0.28, 11.97 Hunter-Lab 34.59, 49.73, 6.47 CMY 30%, 82%, 67% Lab 41.71, 55.22, 11.4 Binary color B2 2D 53 10110010 101101 1010011

Shades and tints of #B22D53

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #230910 is the darkest color, and: #F0D6DD is the lightest one.

Tint color variation #B22D53

#BE4D6D rgb (190,77,109) #BE4D6D #C86883 rgb (200,104,131) #C86883 #D07F96 rgb (208,127,150) #D07F96 #D792A6 rgb (215,146,166) #D792A6 #DDA2B3 rgb (221,162,179) #DDA2B3 #E2B0BE rgb (226,176,190) #E2B0BE #E6BCC8 rgb (230,188,200) #E6BCC8 #EAC6D0 rgb (234,198,208) #EAC6D0 #EDCFD7 rgb (237,207,215) #EDCFD7 #F0D6DD rgb (240,214,221) #F0D6DD

Shade color variation

#972647 rgb (151,38,71) #972647 #80203C rgb (128,32,60) #80203C #6D1B33 rgb (109,27,51) #6D1B33 #5D172B rgb (93,23,43) #5D172B #4F1425 rgb (79,20,37) #4F1425 #43111F rgb (67,17,31) #43111F #390E1A rgb (57,14,26) #390E1A #300C16 rgb (48,12,22) #300C16 #290A13 rgb (41,10,19) #290A13 #230910 rgb (35,9,16) #230910

Tones of #B22D53

A tone is produced by adding gray to any pure hue. In this case, #AD3558 is the less saturated color, and #926371 is the most saturated one.

#AD3558 rgb (173,53,88) #AD3558 #A93D5C rgb (169,61,92) #A93D5C #A54460 rgb (165,68,96) #A54460 #A14A63 rgb (161,74,99) #A14A63 #9E4F66 rgb (158,79,102) #9E4F66 #9B5469 rgb (155,84,105) #9B5469 #98586B rgb (152,88,107) #98586B #965C6D rgb (150,92,109) #965C6D #94606F rgb (148,96,111) #94606F #926371 rgb (146,99,113) #926371

Alternatives to #B22D53

---

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

#9E2D53 rgb (158,45,83) #9E2D53 #B20553 rgb (178,5,83) #B20553 #B21953 rgb (178,25,83) #B21953 #B24153 rgb (178,65,83) #B24153 #B25553 rgb (178,85,83) #B25553 #B26953 rgb (178,105,83) #B26953

Quick use #B22D53

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#B22D53;">Text here</font>	<div style="background-color:#B22D53;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#B22D53;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#B22D53;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #B22D53	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #B22D53;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #B22D53;

Box border html code	Text shadow with RGB values for color #B22D53
box border html code for color #B22D53	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #B22D53;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(178, 45, 83, 1.4);

Pre-formatted code B22D53	code for script / programming
HTML, CSS:	= #B22D53; rgb(178, 45, 83)
Java:	= new Color(178, 45, 83)
.NET:	= Color.FromArgb (178, 45, 83);
Xojo:	= rgb (178, 45, 83, 0);
openGL:	= glColor3f (0.7f, 0.18f, 0.33f);
Swift:	= UIColor(red:0.7, green:0.18, blue:0.33, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.7 green:0.18 blue:0.33 alpha:1.00000];

Color schemes with #B22D53

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 75% has a #B22D53 saturation. Adding 75% + 10% = 85% saturation for our new color #8C1537. Decreasing 75% - 10% = 65% saturation for other monochromatic color #D94C74. #d94c74 rgb (217,76,116) #d94c74 65% saturation #d93446 rgb (115,52,70) #d93446 55% saturation #8c1537 rgb (140,21,55) #8c1537 85% saturation #730625 rgb (115,6,37) #730625 95% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #B34A2D rgb (179,74,45) #B34A2D 13o #B22D53 rgb (178,45,83) #B22D53 343o #B32D95 rgb (179,45,149) #B32D95 313o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #B22D53 has a 343o angle. Adding 343o + 180o = 163oo for our new complementary color #2DB38D. #B22D53 rgb (178,45,83) #B22D53 343o #2DB38D rgb (45,179,141) #2DB38D 163o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #B22D53 has a 343o angle. Adding 343o + 180o+30o = 193o for our first complementary color #2D95B3. Decreasing 343o + 180o-30o = 133o for the second complementary color #2DB34A. #2DB34A rgb (45,179,74) #2DB34A 133o #B22D53 rgb (178,45,83) #B22D53 343o #2D95B3 rgb (45,149,179) #2D95B3 193o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #53B32D rgb (83,179,45) #53B32D 103o #B22D53 rgb (178,45,83) #B22D53 343o #2D53B3 rgb (45,83,179) #2D53B3 223o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #53B32D rgb (83,179,45) #53B32D 103o #B22D53 rgb (178,45,83) #B22D53 343o #2DB38D rgb (45,179,141) #2DB38D 163o #8D2DB3 rgb (141,45,179) #8D2DB3 283o