#0025AB Information

#0025AB color RGB value is (0 , 37 , 171) , HEX triplet: 0, 25 and ab. RGB value is (0 , 37 , 171). Sum of RGB (Red+Green+Blue) = 0+37+171=208 (Red value is 0 (0% from 255 or 0% from 215); Green value is 37 (14.51% from 255 or 17.21% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #0025AB hue: 0.63 , saturation: 1 and the lightness value of 0025ab is 0.34.

#0025ab
(0 , 37 , 171)
  • R (0)
  • G (37)
  • B (171)
  • C (67.06)
  • M (52.55)
  • Y (0)
  • K (32.94)

Applying the #0025ab

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

#0020a6
#001ba1
#00169c
#001197
#000c92
#00078d
#000288
#000083
#00007e
#000079
#000074
#00006f
#0c31b7
#183dc3
#2449cf
#3055db
#3c61e7
#486df3
#5479ff
#6085ff
#6c91ff
#789dff
#84a9ff
#90b5ff

Color spaces of #0025ab

Type Values
RGB 0 37 171
HSL 0.63 1 0.34
HSV 227 100 67
CMYK 67.06 52.55 0 32.94
XYZ 8.0123 4.2634 38.9287
Hunter Lab 20.648 33.1311 -97.2876
CIE-Lab 24.5238 44.5628 -72.0807

Base Numbers

BaseRedGreenBlue
Decimal 0 37 171
Binary 0 100101 10101011
Octal 0 45 253
Hex 0 25 AB

Monochromatic Colors

#193ec4
#3257dd
#4b70f6
#6489ff
#7da2ff
#96bbff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#0025ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#0025AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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