#A76C98 Information

#A76C98 color RGB value is (167 , 108 , 152) , HEX triplet: a7, 6c and 98. RGB value is (167 , 108 , 152). Sum of RGB (Red+Green+Blue) = 167+108+152=427 (Red value is 167 (65.49% from 255 or 77.67% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 152 (59.61% from 255 or 70.7% from 215); Max value from RGB is 167 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #A76C98 hue: 0.88 , saturation: 0.25 and the lightness value of a76c98 is 0.54.

#a76c98
(167 , 108 , 152)
  • R (167)
  • G (108)
  • B (152)
  • C (0)
  • M (23.14)
  • Y (5.88)
  • K (34.51)

Applying the #a76c98

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

#a26793
#9d628e
#985d89
#935884
#8e537f
#894e7a
#844975
#7f4470
#7a3f6b
#753a66
#703561
#6b305c
#b378a4
#bf84b0
#cb90bc
#d79cc8
#e3a8d4
#efb4e0
#fbc0ec
#ffccf8
#ffd8ff
#ffe4ff
#fff0ff
#fffcff

Color spaces of #a76c98

Type Values
RGB 167 108 152
HSL 0.88 0.25 0.54
HSV 315 35 65
CMYK 0 23.14 5.88 34.51
XYZ 26.9664 21.2076 32.378
Hunter Lab 46.0517 23.9335 -9.4347
CIE-Lab 53.176 30.3753 -14.2245

Base Numbers

BaseRedGreenBlue
Decimal 167 108 152
Binary 10100111 1101100 10011000
Octal 247 154 230
Hex A7 6C 98

Monochromatic Colors

#c085b1
#d99eca
#f2b7e3
#ffd0fc
#ffe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a76c98 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A76C98 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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