#B21830 Color Information


In the RGB color space, #B21830 is composed of 69.8039% red, 9.4118% green, and 18.8235% blue.

In the CMYK color space, #B21830 is composed of 0% cyan, 86.52% magenta, 73.04% yellow, and 30.2% black,

It has a hue angle of 350.7 degrees, a saturation of 76.24%, and a lightness of 39.6%.

The closest websafe color is #990033.

#B21830 RGB Values

#B21830 CMYK Values



#B21830 Color Conversion


The hexadecimal color #B21830 has RGB values of R:178, G:24, B:48 and CMYK values of C:0, M:86.52, Y:73.04, K:30.2. It has a decimal value of 11671600.


Hexadecimal #B21830 #B21830
RGB Decimal 178, 24, 48 rgb(178, 24, 48)
RGB Percent 69.8039, 9.4118, 18.8235 rgb(69.8039%, 9.4118%, 18.8235%)
RGB Proportion 0.698, 0.0941, 0.1882 rgb(0.698, 0.0941, 0.1882)
CMYK 0, 86.52, 73.04, 30.2
HSL 350.7ยบ, 76.24, 39.6 hsl(350.7, 76.24%, 39.6%)
Websafe 990033 #990033
XYZ 19.218, 10.33, 3.776
Yxy 10.33, 0.577, 0.31
CIE-LAB 38.428, 58.863, 28.621
CIE-LCH 38.428, 65.452, 25.93
CIE-LUV 38.428, 108.192, 16.416
Hunter-Lab 32.14, 50.487, 15.533

Color Schemes For #B21830


Colors that go well with #B21830.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #B21830


Colors similar to #B21830.


#B21830 Preview


Common HTML and CSS shortcodes for #B21830.

Text with color #B21830


The quick brown fox jumps over the lazy dog.

<div style="color: #B21830;">The quick brown fox jumps over the lazy dog.</div>

#B21830 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #B21830;">The quick brown fox jumps over the lazy dog.</div>

Border with #B21830


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #B21830;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #B21830


Linear gradient from #B21830 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#B21830, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #B21830


Radial gradient from #B21830 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#B21830, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #B21830 and its Complementary Color


Linear gradient from #B21830 to #4DE7CF.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#B21830, #4DE7CF);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #B21830 and its Complementary Color


Radial gradient from #B21830 to #4DE7CF.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#B21830, #4DE7CF);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #B21830; } .background { background-color: #B21830; } .border { border: 1px solid #B21830; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #B21830


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030001 while the lightest tint is #FEFBFC.

Shades


Tints

Random Colors