#2F88F5 Color Information


In the RGB color space, #2F88F5 is composed of 18.4314% red, 53.3333% green, and 96.0784% blue.

In the CMYK color space, #2F88F5 is composed of 80.82% cyan, 44.49% magenta, 0% yellow, and 3.92% black,

It has a hue angle of 213.0 degrees, a saturation of 90.83%, and a lightness of 57.26%.

The closest websafe color is #3399FF.

#2F88F5 RGB Values

#2F88F5 CMYK Values



#2F88F5 Color Conversion


The hexadecimal color #2F88F5 has RGB values of R:47, G:136, B:245 and CMYK values of C:80.82, M:44.49, Y:0, K:3.92. It has a decimal value of 3115253.


Hexadecimal #2F88F5 #2F88F5
RGB Decimal 47, 136, 245 rgb(47, 136, 245)
RGB Percent 18.4314, 53.3333, 96.0784 rgb(18.4314%, 53.3333%, 96.0784%)
RGB Proportion 0.1843, 0.5333, 0.9608 rgb(0.1843, 0.5333, 0.9608)
CMYK 80.82, 44.49, 0, 3.92
HSL 213.0ยบ, 90.83, 57.26 hsl(213.0, 90.83%, 57.26%)
Websafe 3399FF #3399FF
XYZ 26.457, 24.803, 89.782
Yxy 24.803, 0.188, 0.176
CIE-LAB 56.883, 12.315, -61.885
CIE-LCH 56.883, 63.098, 281.255
CIE-LUV 56.883, -29.12, -99.155
Hunter-Lab 49.803, 7.671, -72.024

Color Schemes For #2F88F5


Colors that go well with #2F88F5.

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

Alternatives to #2F88F5


Colors similar to #2F88F5.


#2F88F5 Preview


Common HTML and CSS shortcodes for #2F88F5.

Text with color #2F88F5


The quick brown fox jumps over the lazy dog.

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

#2F88F5 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2F88F5


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2F88F5


Linear gradient from #2F88F5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2F88F5


Radial gradient from #2F88F5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2F88F5 and its Complementary Color


Linear gradient from #2F88F5 to #D0770A.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2F88F5 and its Complementary Color


Radial gradient from #2F88F5 to #D0770A.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors