#2561A8 Color Information


In the RGB color space, #2561A8 is composed of 14.5098% red, 38.0392% green, and 65.8824% blue.

In the CMYK color space, #2561A8 is composed of 77.98% cyan, 42.26% magenta, 0% yellow, and 34.12% black,

It has a hue angle of 212.5 degrees, a saturation of 63.9%, and a lightness of 40.2%.

The closest websafe color is #336699.

#2561A8 RGB Values

#2561A8 CMYK Values



#2561A8 Color Conversion


The hexadecimal color #2561A8 has RGB values of R:37, G:97, B:168 and CMYK values of C:77.98, M:42.26, Y:0, K:34.12. It has a decimal value of 2449832.


Hexadecimal #2561A8 #2561A8
RGB Decimal 37, 97, 168 rgb(37, 97, 168)
RGB Percent 14.5098, 38.0392, 65.8824 rgb(14.5098%, 38.0392%, 65.8824%)
RGB Proportion 0.1451, 0.3804, 0.6588 rgb(0.1451, 0.3804, 0.6588)
CMYK 77.98, 42.26, 0, 34.12
HSL 212.5ยบ, 63.9, 40.2 hsl(212.5, 63.9%, 40.2%)
Websafe 336699 #336699
XYZ 12.105, 11.77, 38.677
Yxy 11.77, 0.194, 0.188
CIE-LAB 40.848, 6.527, -43.629
CIE-LCH 40.848, 44.115, 278.508
CIE-LUV 40.848, -20.669, -64.077
Hunter-Lab 34.307, 2.944, -42.826

Color Schemes For #2561A8


Colors that go well with #2561A8.

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

Alternatives to #2561A8


Colors similar to #2561A8.


#2561A8 Preview


Common HTML and CSS shortcodes for #2561A8.

Text with color #2561A8


The quick brown fox jumps over the lazy dog.

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

#2561A8 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2561A8


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2561A8


Linear gradient from #2561A8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2561A8


Radial gradient from #2561A8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2561A8 and its Complementary Color


Linear gradient from #2561A8 to #DA9E57.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2561A8 and its Complementary Color


Radial gradient from #2561A8 to #DA9E57.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors