#AD6CFA Information

#AD6CFA color RGB value is (173 , 108 , 250) , HEX triplet: ad, 6c and fa. RGB value is (173 , 108 , 250). Sum of RGB (Red+Green+Blue) = 173+108+250=531 (Red value is 173 (67.84% from 255 or 80.47% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 250 (98.04% from 255 or 116.28% from 215); Max value from RGB is 250 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #AD6CFA hue: 0.74 , saturation: 0.93 and the lightness value of ad6cfa is 0.7.

#ad6cfa
(173 , 108 , 250)
  • R (173)
  • G (108)
  • B (250)
  • C (30.2)
  • M (55.69)
  • Y (0)
  • K (1.96)

Applying the #ad6cfa

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

#a867f5
#a362f0
#9e5deb
#9958e6
#9453e1
#8f4edc
#8a49d7
#8544d2
#803fcd
#7b3ac8
#7635c3
#7130be
#b978ff
#c584ff
#d190ff
#dd9cff
#e9a8ff
#f5b4ff
#ffc0ff
#ffccff
#ffd8ff
#ffe4ff
#fff0ff
#fffcff

Color spaces of #ad6cfa

Type Values
RGB 173 108 250
HSL 0.74 0.93 0.7
HSV 267 57 98
CMYK 30.2 55.69 0 1.96
XYZ 39.8515 26.5115 93.4593
Hunter Lab 51.4893 48.0485 -71.5371
CIE-Lab 58.5194 53.0257 -61.59

Base Numbers

BaseRedGreenBlue
Decimal 173 108 250
Binary 10101101 1101100 11111010
Octal 255 154 372
Hex AD 6C FA

Monochromatic Colors

#c685ff
#df9eff
#f8b7ff
#ffd0ff
#ffe9ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ad6cfa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AD6CFA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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