#B20A45 Color Information


In the RGB color space, #B20A45 is composed of 69.8039% red, 3.9216% green, and 27.0588% blue.

In the CMYK color space, #B20A45 is composed of 0% cyan, 94.38% magenta, 61.23% yellow, and 30.2% black,

It has a hue angle of 338.9 degrees, a saturation of 89.37%, and a lightness of 36.86%.

The closest websafe color is #990033.

#B20A45 RGB Values

#B20A45 CMYK Values



#B20A45 Color Conversion


The hexadecimal color #B20A45 has RGB values of R:178, G:10, B:69 and CMYK values of C:0, M:94.38, Y:61.23, K:30.2. It has a decimal value of 11668037.


Hexadecimal #B20A45 #B20A45
RGB Decimal 178, 10, 69 rgb(178, 10, 69)
RGB Percent 69.8039, 3.9216, 27.0588 rgb(69.8039%, 3.9216%, 27.0588%)
RGB Proportion 0.698, 0.0392, 0.2706 rgb(0.698, 0.0392, 0.2706)
CMYK 0, 94.38, 61.23, 30.2
HSL 338.9ยบ, 89.37, 36.86 hsl(338.9, 89.37%, 36.86%)
Websafe 990033 #990033
XYZ 19.541, 10.11, 6.552
Yxy 10.11, 0.54, 0.279
CIE-LAB 38.039, 62.175, 14.798
CIE-LCH 38.039, 63.912, 13.388
CIE-LUV 38.039, 104.699, 4.17
Hunter-Lab 31.796, 54.057, 10.04

Color Schemes For #B20A45


Colors that go well with #B20A45.

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

Alternatives to #B20A45


Colors similar to #B20A45.


#B20A45 Preview


Common HTML and CSS shortcodes for #B20A45.

Text with color #B20A45


The quick brown fox jumps over the lazy dog.

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

#B20A45 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #B20A45


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B20A45


Linear gradient from #B20A45 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B20A45


Radial gradient from #B20A45 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #B20A45 and its Complementary Color


Linear gradient from #B20A45 to #4DF5BA.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #B20A45 and its Complementary Color


Radial gradient from #B20A45 to #4DF5BA.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #B20A45; } .background { background-color: #B20A45; } .border { border: 1px solid #B20A45; } .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 #B20A45


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

Shades


Tints

Random Colors