#465B6D Information

#465B6D color RGB value is (70 , 91 , 109) , HEX triplet: 46, 5b and 6d. RGB value is (70 , 91 , 109). Sum of RGB (Red+Green+Blue) = 70+91+109=270 (Red value is 70 (27.45% from 255 or 32.56% from 215); Green value is 91 (35.69% from 255 or 42.33% 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 #465B6D hue: 0.58 , saturation: 0.22 and the lightness value of 465b6d is 0.35.

#465b6d
(70 , 91 , 109)
  • R (70)
  • G (91)
  • B (109)
  • C (15.29)
  • M (7.06)
  • Y (0)
  • K (57.25)

Applying the #465b6d

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

#415668
#3c5163
#374c5e
#324759
#2d4254
#283d4f
#23384a
#1e3345
#192e40
#14293b
#0f2436
#0a1f31
#526779
#5e7385
#6a7f91
#768b9d
#8297a9
#8ea3b5
#9aafc1
#a6bbcd
#b2c7d9
#bed3e5
#cadff1
#d6ebfd

Color spaces of #465b6d

Type Values
RGB 70 91 109
HSL 0.58 0.22 0.35
HSV 208 36 43
CMYK 15.29 7.06 0 57.25
XYZ 9.0272 9.8884 15.9009
Hunter Lab 31.4458 -3.7878 -7.9579
CIE-Lab 37.6414 -3.0868 -12.8363

Base Numbers

BaseRedGreenBlue
Decimal 70 91 109
Binary 1000110 1011011 1101101
Octal 106 133 155
Hex 46 5B 6D

Monochromatic Colors

#5f7486
#788d9f
#91a6b8
#aabfd1
#c3d8ea
#dcf1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#465b6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#465B6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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