#04078B Information

#04078B color RGB value is (4 , 7 , 139) , HEX triplet: 4, 7 and 8b. RGB value is (4 , 7 , 139). Sum of RGB (Red+Green+Blue) = 4+7+139=150 (Red value is 4 (1.57% from 255 or 1.86% from 215); Green value is 7 (2.75% from 255 or 3.26% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 139 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #04078B hue: 0.66 , saturation: 0.94 and the lightness value of 04078b is 0.28.

#04078b
(4 , 7 , 139)
  • R (4)
  • G (7)
  • B (139)
  • C (52.94)
  • M (51.76)
  • Y (0)
  • K (45.49)

Applying the #04078b

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

#000286
#000081
#00007c
#000077
#000072
#00006d
#000068
#000063
#00005e
#000059
#000054
#00004f
#101397
#1c1fa3
#282baf
#3437bb
#4043c7
#4c4fd3
#585bdf
#6467eb
#7073f7
#7c7fff
#888bff
#9497ff

Color spaces of #04078b

Type Values
RGB 4 7 139
HSL 0.66 0.94 0.28
HSV 239 97 55
CMYK 52.94 51.76 0 45.49
XYZ 4.7862 2.0418 24.5679
Hunter Lab 14.2893 34.7827 -91.8985
CIE-Lab 15.7054 47.9775 -67.0942

Base Numbers

BaseRedGreenBlue
Decimal 4 7 139
Binary 100 111 10001011
Octal 4 7 213
Hex 4 7 8B

Monochromatic Colors

#1d20a4
#3639bd
#4f52d6
#686bef
#8184ff
#9a9dff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#04078b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#04078B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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