#F200BB Color Information


In the RGB color space, #F200BB is composed of 94.902% red, 0% green, and 73.3333% blue.

In the CMYK color space, #F200BB is composed of 0% cyan, 100% magenta, 22.73% yellow, and 5.1% black,

It has a hue angle of 313.6 degrees, a saturation of 100%, and a lightness of 47.45%.

The closest websafe color is #FF00CC.

#F200BB RGB Values

#F200BB CMYK Values



#F200BB Color Conversion


The hexadecimal color #F200BB has RGB values of R:242, G:0, B:187 and CMYK values of C:0, M:100, Y:22.73, K:5.1. It has a decimal value of 15859899.


Hexadecimal #F200BB #F200BB
RGB Decimal 242, 0, 187 rgb(242, 0, 187)
RGB Percent 94.902, 0, 73.3333 rgb(94.902%, 0%, 73.3333%)
RGB Proportion 0.949, 0.0, 0.7333 rgb(0.949, 0.0, 0.7333)
CMYK 0, 100, 22.73, 5.1
HSL 313.6ยบ, 100, 47.45 hsl(313.6, 100%, 47.45%)
Websafe FF00CC #FF00CC
XYZ 45.585, 22.464, 48.942
Yxy 22.464, 0.39, 0.192
CIE-LAB 54.516, 87.431, -31.625
CIE-LCH 54.516, 92.975, 340.114
CIE-LUV 54.516, 103.901, -61.246
Hunter-Lab 47.396, 88.735, -28.046

Color Schemes For #F200BB


Colors that go well with #F200BB.

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

Alternatives to #F200BB


Colors similar to #F200BB.


#F200BB Preview


Common HTML and CSS shortcodes for #F200BB.

Text with color #F200BB


The quick brown fox jumps over the lazy dog.

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

#F200BB as background color


The quick brown fox jumps over the lazy dog.

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

Border with #F200BB


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F200BB


Linear gradient from #F200BB to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F200BB


Radial gradient from #F200BB to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F200BB and its Complementary Color


Linear gradient from #F200BB to #0DFF44.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F200BB and its Complementary Color


Radial gradient from #F200BB to #0DFF44.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors