#407080 Information

#407080 color RGB value is (64 , 112 , 128) , HEX triplet: 40, 70 and 80. RGB value is (64 , 112 , 128). Sum of RGB (Red+Green+Blue) = 64+112+128=304 (Red value is 64 (25.1% from 255 or 29.77% from 215); Green value is 112 (43.92% from 255 or 52.09% from 215); Blue value is 128 (50.2% from 255 or 59.53% from 215); Max value from RGB is 128 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #407080 hue: 0.54 , saturation: 0.33 and the lightness value of 407080 is 0.38.

#407080
(64 , 112 , 128)
  • R (64)
  • G (112)
  • B (128)
  • C (25.1)
  • M (6.27)
  • Y (0)
  • K (49.8)

Applying the #407080

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

#3b6b7b
#366676
#316171
#2c5c6c
#275767
#225262
#1d4d5d
#184858
#134353
#0e3e4e
#093949
#043444
#4c7c8c
#588898
#6494a4
#70a0b0
#7cacbc
#88b8c8
#94c4d4
#a0d0e0
#acdcec
#b8e8f8
#c4f4ff
#d0ffff

Color spaces of #407080

Type Values
RGB 64 112 128
HSL 0.54 0.33 0.38
HSV 195 50 50
CMYK 25.1 6.27 0 49.8
XYZ 11.8048 14.2368 22.5479
Hunter Lab 37.7317 -10.1846 -9.0061
CIE-Lab 44.5707 -11.6153 -13.8933

Base Numbers

BaseRedGreenBlue
Decimal 64 112 128
Binary 1000000 1110000 10000000
Octal 100 160 200
Hex 40 70 80

Monochromatic Colors

#598999
#72a2b2
#8bbbcb
#a4d4e4
#bdedfd
#d6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#407080 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#407080 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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