#476F72 Information

#476F72 color RGB value is (71 , 111 , 114) , HEX triplet: 47, 6f and 72. RGB value is (71 , 111 , 114). Sum of RGB (Red+Green+Blue) = 71+111+114=296 (Red value is 71 (27.84% from 255 or 33.02% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 114 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #476F72 hue: 0.51 , saturation: 0.23 and the lightness value of 476f72 is 0.36.

#476f72
(71 , 111 , 114)
  • R (71)
  • G (111)
  • B (114)
  • C (16.86)
  • M (1.18)
  • Y (0)
  • K (55.29)

Applying the #476f72

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

#426a6d
#3d6568
#386063
#335b5e
#2e5659
#295154
#244c4f
#1f474a
#1a4245
#153d40
#10383b
#0b3336
#537b7e
#5f878a
#6b9396
#779fa2
#83abae
#8fb7ba
#9bc3c6
#a7cfd2
#b3dbde
#bfe7ea
#cbf3f6
#d7ffff

Color spaces of #476f72

Type Values
RGB 71 111 114
HSL 0.51 0.23 0.36
HSV 184 38 45
CMYK 16.86 1.18 0 55.29
XYZ 11.3202 13.9234 18.0104
Hunter Lab 37.314 -11.1465 -2.4878
CIE-Lab 44.1228 -13.1461 -6.127

Base Numbers

BaseRedGreenBlue
Decimal 71 111 114
Binary 1000111 1101111 1110010
Octal 107 157 162
Hex 47 6F 72

Monochromatic Colors

#60888b
#79a1a4
#92babd
#abd3d6
#c4ecef
#ddffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#476f72 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#476F72 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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