#040472 Information

#040472 color RGB value is (4 , 4 , 114) , HEX triplet: 4, 4 and 72. RGB value is (4 , 4 , 114). Sum of RGB (Red+Green+Blue) = 4+4+114=122 (Red value is 4 (1.57% from 255 or 1.86% from 215); Green value is 4 (1.57% from 255 or 1.86% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 114 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #040472 hue: 0.67 , saturation: 0.93 and the lightness value of 040472 is 0.23.

#040472
(4 , 4 , 114)
  • R (4)
  • G (4)
  • B (114)
  • C (43.14)
  • M (43.14)
  • Y (0)
  • K (55.29)

Applying the #040472

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

#00006d
#000068
#000063
#00005e
#000059
#000054
#00004f
#00004a
#000045
#000040
#00003b
#000036
#10107e
#1c1c8a
#282896
#3434a2
#4040ae
#4c4cba
#5858c6
#6464d2
#7070de
#7c7cea
#8888f6
#9494ff

Color spaces of #040472

Type Values
RGB 4 4 114
HSL 0.67 0.93 0.23
HSV 240 96 45
CMYK 43.14 43.14 0 55.29
XYZ 3.1307 1.3276 16.0108
Hunter Lab 11.5219 28.3388 -74.2934
CIE-Lab 11.4668 41.8863 -58.2071

Base Numbers

BaseRedGreenBlue
Decimal 4 4 114
Binary 100 100 1110010
Octal 4 4 162
Hex 4 4 72

Monochromatic Colors

#1d1d8b
#3636a4
#4f4fbd
#6868d6
#8181ef
#9a9aff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#040472 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#040472 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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