#00136F Information

#00136F color RGB value is (0 , 19 , 111) , HEX triplet: 0, 13 and 6f. RGB value is (0 , 19 , 111). Sum of RGB (Red+Green+Blue) = 0+19+111=130 (Red value is 0 (0% from 255 or 0% from 215); Green value is 19 (7.45% from 255 or 8.84% from 215); Blue value is 111 (43.53% from 255 or 51.63% from 215); Max value from RGB is 111 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #00136F hue: 0.64 , saturation: 1 and the lightness value of 00136f is 0.22.

#00136f
(0 , 19 , 111)
  • R (0)
  • G (19)
  • B (111)
  • C (43.53)
  • M (36.08)
  • Y (0)
  • K (56.47)

Applying the #00136f

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

#000e6a
#000965
#000460
#00005b
#000056
#000051
#00004c
#000047
#000042
#00003d
#000038
#000033
#0c1f7b
#182b87
#243793
#30439f
#3c4fab
#485bb7
#5467c3
#6073cf
#6c7fdb
#788be7
#8497f3
#90a3ff

Color spaces of #00136f

Type Values
RGB 0 19 111
HSL 0.64 1 0.22
HSV 230 100 44
CMYK 43.53 36.08 0 56.47
XYZ 3.1021 1.6134 15.1869
Hunter Lab 12.7021 21.3646 -61.9705
CIE-Lab 13.3118 33.4437 -53.1832

Base Numbers

BaseRedGreenBlue
Decimal 0 19 111
Binary 0 10011 1101111
Octal 0 23 157
Hex 0 13 6F

Monochromatic Colors

#192c88
#3245a1
#4b5eba
#6477d3
#7d90ec
#96a9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#00136f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#00136F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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