#00129C Information

#00129C color RGB value is (0 , 18 , 156) , HEX triplet: 0, 12 and 9c. RGB value is (0 , 18 , 156). Sum of RGB (Red+Green+Blue) = 0+18+156=174 (Red value is 0 (0% from 255 or 0% from 215); Green value is 18 (7.06% from 255 or 8.37% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 156 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #00129C hue: 0.65 , saturation: 1 and the lightness value of 00129c is 0.31.

#00129c
(0 , 18 , 156)
  • R (0)
  • G (18)
  • B (156)
  • C (61.18)
  • M (54.12)
  • Y (0)
  • K (38.82)

Applying the #00129c

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

#000d97
#000892
#00038d
#000088
#000083
#00007e
#000079
#000074
#00006f
#00006a
#000065
#000060
#0c1ea8
#182ab4
#2436c0
#3042cc
#3c4ed8
#485ae4
#5466f0
#6072fc
#6c7eff
#788aff
#8496ff
#90a2ff

Color spaces of #00129c

Type Values
RGB 0 18 156
HSL 0.65 1 0.31
HSV 233 100 61
CMYK 61.18 54.12 0 38.82
XYZ 6.2171 2.8329 31.6716
Hunter Lab 16.8313 36.4788 -99.744
CIE-Lab 19.3619 49.0364 -71.5467

Base Numbers

BaseRedGreenBlue
Decimal 0 18 156
Binary 0 10010 10011100
Octal 0 22 234
Hex 0 12 9C

Monochromatic Colors

#192bb5
#3244ce
#4b5de7
#6476ff
#7d8fff
#96a8ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#00129c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#00129C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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