#AF6C83 Information

#AF6C83 color RGB value is (175 , 108 , 131) , HEX triplet: af, 6c and 83. RGB value is (175 , 108 , 131). Sum of RGB (Red+Green+Blue) = 175+108+131=414 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 131 (51.37% from 255 or 60.93% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF6C83 hue: 0.94 , saturation: 0.3 and the lightness value of af6c83 is 0.55.

#af6c83
(175 , 108 , 131)
  • R (175)
  • G (108)
  • B (131)
  • C (0)
  • M (26.27)
  • Y (17.25)
  • K (31.37)

Applying the #af6c83

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

#aa677e
#a56279
#a05d74
#9b586f
#96536a
#914e65
#8c4960
#87445b
#823f56
#7d3a51
#78354c
#733047
#bb788f
#c7849b
#d390a7
#df9cb3
#eba8bf
#f7b4cb
#ffc0d7
#ffcce3
#ffd8ef
#ffe4fb
#fff0ff
#fffcff

Color spaces of #af6c83

Type Values
RGB 175 108 131
HSL 0.94 0.3 0.55
HSV 339 38 69
CMYK 0 26.27 17.25 31.37
XYZ 27.1385 21.4778 24.188
Hunter Lab 46.3441 23.4251 1.5068
CIE-Lab 53.4685 29.8119 -1.3544

Base Numbers

BaseRedGreenBlue
Decimal 175 108 131
Binary 10101111 1101100 10000011
Octal 257 154 203
Hex AF 6C 83

Monochromatic Colors

#c8859c
#e19eb5
#fab7ce
#ffd0e7
#ffe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af6c83 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF6C83 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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