#71A2AB Information

#71A2AB color RGB value is (113 , 162 , 171) , HEX triplet: 71, a2 and ab. RGB value is (113 , 162 , 171). Sum of RGB (Red+Green+Blue) = 113+162+171=446 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 162 (63.53% from 255 or 75.35% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #71A2AB hue: 0.53 , saturation: 0.26 and the lightness value of 71a2ab is 0.56.

#71a2ab
(113 , 162 , 171)
  • R (113)
  • G (162)
  • B (171)
  • C (22.75)
  • M (3.53)
  • Y (0)
  • K (32.94)

Applying the #71a2ab

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

#6c9da6
#6798a1
#62939c
#5d8e97
#588992
#53848d
#4e7f88
#497a83
#44757e
#3f7079
#3a6b74
#35666f
#7daeb7
#89bac3
#95c6cf
#a1d2db
#addee7
#b9eaf3
#c5f6ff
#d1ffff
#ddffff
#e9ffff
#f5ffff
#ffffff

Color spaces of #71a2ab

Type Values
RGB 113 162 171
HSL 0.53 0.26 0.56
HSV 189 34 67
CMYK 22.75 3.53 0 32.94
XYZ 27.0811 32.2916 43.3337
Hunter Lab 56.8257 -14.3782 -5.4191
CIE-Lab 63.5832 -14.0185 -9.9008

Base Numbers

BaseRedGreenBlue
Decimal 113 162 171
Binary 1110001 10100010 10101011
Octal 161 242 253
Hex 71 A2 AB

Monochromatic Colors

#8abbc4
#a3d4dd
#bcedf6
#d5ffff
#eeffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#71a2ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#71A2AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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