#51506D Information

#51506D color RGB value is (81 , 80 , 109) , HEX triplet: 51, 50 and 6d. RGB value is (81 , 80 , 109). Sum of RGB (Red+Green+Blue) = 81+80+109=270 (Red value is 81 (31.76% from 255 or 37.67% from 215); Green value is 80 (31.37% from 255 or 37.21% 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 #51506D hue: 0.67 , saturation: 0.15 and the lightness value of 51506d is 0.37.

#51506d
(81 , 80 , 109)
  • R (81)
  • G (80)
  • B (109)
  • C (10.98)
  • M (11.37)
  • Y (0)
  • K (57.25)

Applying the #51506d

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

#4c4b68
#474663
#42415e
#3d3c59
#383754
#33324f
#2e2d4a
#292845
#242340
#1f1e3b
#1a1936
#151431
#5d5c79
#696885
#757491
#81809d
#8d8ca9
#9998b5
#a5a4c1
#b1b0cd
#bdbcd9
#c9c8e5
#d5d4f1
#e1e0fd

Color spaces of #51506d

Type Values
RGB 81 80 109
HSL 0.67 0.15 0.37
HSV 242 27 43
CMYK 10.98 11.37 0 57.25
XYZ 9.0223 8.5908 15.6507
Hunter Lab 29.31 3.6541 -11.1308
CIE-Lab 35.1842 7.4636 -16.5176

Base Numbers

BaseRedGreenBlue
Decimal 81 80 109
Binary 1010001 1010000 1101101
Octal 121 120 155
Hex 51 50 6D

Monochromatic Colors

#6a6986
#83829f
#9c9bb8
#b5b4d1
#cecdea
#e7e6ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#51506d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#51506D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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