#AF6796 Information

#AF6796 color RGB value is (175 , 103 , 150) , HEX triplet: af, 67 and 96. RGB value is (175 , 103 , 150). Sum of RGB (Red+Green+Blue) = 175+103+150=428 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 103 (40.39% from 255 or 47.91% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF6796 hue: 0.89 , saturation: 0.31 and the lightness value of af6796 is 0.55.

#af6796
(175 , 103 , 150)
  • R (175)
  • G (103)
  • B (150)
  • C (0)
  • M (28.24)
  • Y (9.8)
  • K (31.37)

Applying the #af6796

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

#aa6291
#a55d8c
#a05887
#9b5382
#964e7d
#914978
#8c4473
#873f6e
#823a69
#7d3564
#78305f
#732b5a
#bb73a2
#c77fae
#d38bba
#df97c6
#eba3d2
#f7afde
#ffbbea
#ffc7f6
#ffd3ff
#ffdfff
#ffebff
#fff7ff

Color spaces of #af6796

Type Values
RGB 175 103 150
HSL 0.89 0.31 0.55
HSV 321 41 69
CMYK 0 28.24 9.8 31.37
XYZ 28.0345 21.0165 31.4332
Hunter Lab 45.8437 28.9304 -8.5479
CIE-Lab 52.9675 35.5554 -13.2726

Base Numbers

BaseRedGreenBlue
Decimal 175 103 150
Binary 10101111 1100111 10010110
Octal 257 147 226
Hex AF 67 96

Monochromatic Colors

#c880af
#e199c8
#fab2e1
#ffcbfa
#ffe4ff
#fffdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af6796 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF6796 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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