#37519C Information

#37519C color RGB value is (55 , 81 , 156) , HEX triplet: 37, 51 and 9c. RGB value is (55 , 81 , 156). Sum of RGB (Red+Green+Blue) = 55+81+156=292 (Red value is 55 (21.57% from 255 or 25.58% from 215); Green value is 81 (31.76% from 255 or 37.67% 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 #37519C hue: 0.62 , saturation: 0.48 and the lightness value of 37519c is 0.41.

#37519c
(55 , 81 , 156)
  • R (55)
  • G (81)
  • B (156)
  • C (39.61)
  • M (29.41)
  • Y (0)
  • K (38.82)

Applying the #37519c

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

#324c97
#2d4792
#28428d
#233d88
#1e3883
#19337e
#142e79
#0f2974
#0a246f
#051f6a
#001a65
#001560
#435da8
#4f69b4
#5b75c0
#6781cc
#738dd8
#7f99e4
#8ba5f0
#97b1fc
#a3bdff
#afc9ff
#bbd5ff
#c7e1ff

Color spaces of #37519c

Type Values
RGB 55 81 156
HSL 0.62 0.48 0.41
HSV 225 65 61
CMYK 39.61 29.41 0 38.82
XYZ 10.5187 9.0974 32.6541
Hunter Lab 30.1619 9.4674 -43.0524
CIE-Lab 36.1711 15.18 -43.9216

Base Numbers

BaseRedGreenBlue
Decimal 55 81 156
Binary 110111 1010001 10011100
Octal 67 121 234
Hex 37 51 9C

Monochromatic Colors

#506ab5
#6983ce
#829ce7
#9bb5ff
#b4ceff
#cde7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#37519c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#37519C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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