#AC697F Information

#AC697F color RGB value is (172 , 105 , 127) , HEX triplet: ac, 69 and 7f. RGB value is (172 , 105 , 127). Sum of RGB (Red+Green+Blue) = 172+105+127=404 (Red value is 172 (67.45% from 255 or 80% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 127 (49.8% from 255 or 59.07% from 215); Max value from RGB is 172 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AC697F hue: 0.95 , saturation: 0.29 and the lightness value of ac697f is 0.54.

#ac697f
(172 , 105 , 127)
  • R (172)
  • G (105)
  • B (127)
  • C (0)
  • M (26.27)
  • Y (17.65)
  • K (32.55)

Applying the #ac697f

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

#a7647a
#a25f75
#9d5a70
#98556b
#935066
#8e4b61
#89465c
#844157
#7f3c52
#7a374d
#753248
#702d43
#b8758b
#c48197
#d08da3
#dc99af
#e8a5bb
#f4b1c7
#ffbdd3
#ffc9df
#ffd5eb
#ffe1f7
#ffedff
#fff9ff

Color spaces of #ac697f

Type Values
RGB 172 105 127
HSL 0.95 0.29 0.54
HSV 340 39 67
CMYK 0 26.27 17.65 32.55
XYZ 25.8956 20.4061 22.6526
Hunter Lab 45.1731 23.2727 1.8997
CIE-Lab 52.2933 29.7723 -0.7614

Base Numbers

BaseRedGreenBlue
Decimal 172 105 127
Binary 10101100 1101001 1111111
Octal 254 151 177
Hex AC 69 7F

Monochromatic Colors

#c58298
#de9bb1
#f7b4ca
#ffcde3
#ffe6fc
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ac697f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AC697F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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