#001490 Information

#001490 color RGB value is (0 , 20 , 144) , HEX triplet: 0, 14 and 90. RGB value is (0 , 20 , 144). Sum of RGB (Red+Green+Blue) = 0+20+144=164 (Red value is 0 (0% from 255 or 0% from 215); Green value is 20 (7.84% from 255 or 9.3% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #001490 hue: 0.64 , saturation: 1 and the lightness value of 001490 is 0.28.

#001490
(0 , 20 , 144)
  • R (0)
  • G (20)
  • B (144)
  • C (56.47)
  • M (48.63)
  • Y (0)
  • K (43.53)

Applying the #001490

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#000f8b
#000a86
#000581
#00007c
#000077
#000072
#00006d
#000068
#000063
#00005e
#000059
#000054
#0c209c
#182ca8
#2438b4
#3044c0
#3c50cc
#485cd8
#5468e4
#6074f0
#6c80fc
#788cff
#8498ff
#90a4ff

Color spaces of #001490

Type Values
RGB 0 20 144
HSL 0.64 1 0.28
HSV 232 100 56
CMYK 56.47 48.63 0 43.53
XYZ 5.2842 2.5139 26.5923
Hunter Lab 15.8554 31.7427 -88.3046
CIE-Lab 17.9815 44.3597 -66.4262

Base Numbers

BaseRedGreenBlue
Decimal 0 20 144
Binary 0 10100 10010000
Octal 0 24 220
Hex 0 14 90

Monochromatic Colors

#192da9
#3246c2
#4b5fdb
#6478f4
#7d91ff
#96aaff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#001490 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#001490 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#001490">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#001490">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #001490">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #001490;
box-shadow: 1px 1px 4px #001490">You are Awesome</p>