#001B6D Information

#001B6D color RGB value is (0 , 27 , 109) , HEX triplet: 0, 1b and 6d. RGB value is (0 , 27 , 109). Sum of RGB (Red+Green+Blue) = 0+27+109=136 (Red value is 0 (0% from 255 or 0% from 215); Green value is 27 (10.59% from 255 or 12.56% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 109 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #001B6D hue: 0.63 , saturation: 1 and the lightness value of 001b6d is 0.21.

#001b6d
(0 , 27 , 109)
  • R (0)
  • G (27)
  • B (109)
  • C (42.75)
  • M (32.16)
  • Y (0)
  • K (57.25)

Applying the #001b6d

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

#001668
#001163
#000c5e
#000759
#000254
#00004f
#00004a
#000045
#000040
#00003b
#000036
#000031
#0c2779
#183385
#243f91
#304b9d
#3c57a9
#4863b5
#546fc1
#607bcd
#6c87d9
#7893e5
#849ff1
#90abfd

Color spaces of #001b6d

Type Values
RGB 0 27 109
HSL 0.63 1 0.21
HSV 225 100 43
CMYK 42.75 32.16 0 57.25
XYZ 3.1523 1.888 14.6663
Hunter Lab 13.7404 16.9047 -53.6436
CIE-Lab 14.8881 27.5054 -49.2665

Base Numbers

BaseRedGreenBlue
Decimal 0 27 109
Binary 0 11011 1101101
Octal 0 33 155
Hex 0 1B 6D

Monochromatic Colors

#193486
#324d9f
#4b66b8
#647fd1
#7d98ea
#96b1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#001b6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#001B6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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