#466C75 Information

#466C75 color RGB value is (70 , 108 , 117) , HEX triplet: 46, 6c and 75. RGB value is (70 , 108 , 117). Sum of RGB (Red+Green+Blue) = 70+108+117=295 (Red value is 70 (27.45% from 255 or 32.56% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 117 (45.88% from 255 or 54.42% from 215); Max value from RGB is 117 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #466C75 hue: 0.53 , saturation: 0.25 and the lightness value of 466c75 is 0.37.

#466c75
(70 , 108 , 117)
  • R (70)
  • G (108)
  • B (117)
  • C (18.43)
  • M (3.53)
  • Y (0)
  • K (54.12)

Applying the #466c75

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

#416770
#3c626b
#375d66
#325861
#2d535c
#284e57
#234952
#1e444d
#193f48
#143a43
#0f353e
#0a3039
#527881
#5e848d
#6a9099
#769ca5
#82a8b1
#8eb4bd
#9ac0c9
#a6ccd5
#b2d8e1
#bee4ed
#caf0f9
#d6fcff

Color spaces of #466c75

Type Values
RGB 70 108 117
HSL 0.53 0.25 0.37
HSV 191 40 46
CMYK 18.43 3.53 0 54.12
XYZ 11.0992 13.3116 18.814
Hunter Lab 36.485 -9.5465 -5.0235
CIE-Lab 43.229 -10.9047 -9.2773

Base Numbers

BaseRedGreenBlue
Decimal 70 108 117
Binary 1000110 1101100 1110101
Octal 106 154 165
Hex 46 6C 75

Monochromatic Colors

#5f858e
#789ea7
#91b7c0
#aad0d9
#c3e9f2
#dcffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#466c75 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#466C75 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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