#2058F9 Color Information


In the RGB color space, #2058F9 is composed of 12.549% red, 34.5098% green, and 97.6471% blue.

In the CMYK color space, #2058F9 is composed of 87.15% cyan, 64.66% magenta, 0% yellow, and 2.35% black,

It has a hue angle of 224.5 degrees, a saturation of 94.77%, and a lightness of 55.1%.

The closest websafe color is #3366FF.

#2058F9 RGB Values

#2058F9 CMYK Values



#2058F9 Color Conversion


The hexadecimal color #2058F9 has RGB values of R:32, G:88, B:249 and CMYK values of C:87.15, M:64.66, Y:0, K:2.35. It has a decimal value of 2119929.


Hexadecimal #2058F9 #2058F9
RGB Decimal 32, 88, 249 rgb(32, 88, 249)
RGB Percent 12.549, 34.5098, 97.6471 rgb(12.549%, 34.5098%, 97.6471%)
RGB Proportion 0.1255, 0.3451, 0.9765 rgb(0.1255, 0.3451, 0.9765)
CMYK 87.15, 64.66, 0, 2.35
HSL 224.5ยบ, 94.77, 55.1 hsl(224.5, 94.77%, 55.1%)
Websafe 3366FF #3366FF
XYZ 21.186, 14.127, 91.239
Yxy 14.127, 0.167, 0.112
CIE-LAB 44.415, 42.754, -84.392
CIE-LCH 44.415, 94.604, 296.867
CIE-LUV 44.415, -17.685, -125.564
Hunter-Lab 37.586, 34.84, -117.615

Color Schemes For #2058F9


Colors that go well with #2058F9.

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

Alternatives to #2058F9


Colors similar to #2058F9.


#2058F9 Preview


Common HTML and CSS shortcodes for #2058F9.

Text with color #2058F9


The quick brown fox jumps over the lazy dog.

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

#2058F9 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2058F9


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2058F9


Linear gradient from #2058F9 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2058F9


Radial gradient from #2058F9 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2058F9 and its Complementary Color


Linear gradient from #2058F9 to #DFA706.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2058F9 and its Complementary Color


Radial gradient from #2058F9 to #DFA706.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors