#478990 Information

#478990 color RGB value is (71 , 137 , 144) , HEX triplet: 47, 89 and 90. RGB value is (71 , 137 , 144). Sum of RGB (Red+Green+Blue) = 71+137+144=352 (Red value is 71 (27.84% from 255 or 33.02% from 215); Green value is 137 (53.73% from 255 or 63.72% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #478990 hue: 0.52 , saturation: 0.34 and the lightness value of 478990 is 0.42.

#478990
(71 , 137 , 144)
  • R (71)
  • G (137)
  • B (144)
  • C (28.63)
  • M (2.75)
  • Y (0)
  • K (43.53)

Applying the #478990

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

#42848b
#3d7f86
#387a81
#33757c
#2e7077
#296b72
#24666d
#1f6168
#1a5c63
#15575e
#105259
#0b4d54
#53959c
#5fa1a8
#6badb4
#77b9c0
#83c5cc
#8fd1d8
#9bdde4
#a7e9f0
#b3f5fc
#bfffff
#cbffff
#d7ffff

Color spaces of #478990

Type Values
RGB 71 137 144
HSL 0.52 0.34 0.42
HSV 186 51 56
CMYK 28.63 2.75 0 43.53
XYZ 16.5782 21.2445 29.6124
Hunter Lab 46.0918 -16.4577 -5.8143
CIE-Lab 53.2161 -18.9815 -10.2409

Base Numbers

BaseRedGreenBlue
Decimal 71 137 144
Binary 1000111 10001001 10010000
Octal 107 211 220
Hex 47 89 90

Monochromatic Colors

#60a2a9
#79bbc2
#92d4db
#abedf4
#c4ffff
#ddffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#478990 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#478990 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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