#0404A4 Color Information


In the RGB color space, #0404A4 is composed of 1.5686% red, 1.5686% green, and 64.3137% blue.

In the CMYK color space, #0404A4 is composed of 97.56% cyan, 97.56% magenta, 0% yellow, and 35.69% black,

It has a hue angle of 240 degrees, a saturation of 95.23%, and a lightness of 32.94%.

The closest websafe color is #000099.

#0404A4 RGB Values

#0404A4 CMYK Values



#0404A4 Color Conversion


The hexadecimal color #0404A4 has RGB values of R:4, G:4, B:164 and CMYK values of C:97.56, M:97.56, Y:0, K:35.69. It has a decimal value of 263332.


Hexadecimal #0404A4 #0404A4
RGB Decimal 4, 4, 164 rgb(4, 4, 164)
RGB Percent 1.5686, 1.5686, 64.3137 rgb(1.5686%, 1.5686%, 64.3137%)
RGB Proportion 0.0157, 0.0157, 0.6431 rgb(0.0157, 0.0157, 0.6431)
CMYK 97.56, 97.56, 0, 35.69
HSL 240ยบ, 95.23, 32.94 hsl(240, 95.23%, 32.94%)
Websafe 000099 #000099
XYZ 6.794, 2.793, 35.298
Yxy 2.793, 0.151, 0.062
CIE-LAB 19.195, 55.804, -76.71
CIE-LCH 19.195, 94.86, 306.035
CIE-LUV 19.195, -5.499, -76.289
Hunter-Lab 16.712, 43.319, -113.528

Color Schemes For #0404A4


Colors that go well with #0404A4.

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

Alternatives to #0404A4


Colors similar to #0404A4.


#0404A4 Preview


Common HTML and CSS shortcodes for #0404A4.

Text with color #0404A4


The quick brown fox jumps over the lazy dog.

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

#0404A4 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #0404A4


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #0404A4


Linear gradient from #0404A4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #0404A4


Radial gradient from #0404A4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #0404A4 and its Complementary Color


Linear gradient from #0404A4 to #FBFB5B.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #0404A4 and its Complementary Color


Radial gradient from #0404A4 to #FBFB5B.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors