#A974FA Information

#A974FA color RGB value is (169 , 116 , 250) , HEX triplet: a9, 74 and fa. RGB value is (169 , 116 , 250). Sum of RGB (Red+Green+Blue) = 169+116+250=535 (Red value is 169 (66.27% from 255 or 78.6% from 215); Green value is 116 (45.49% from 255 or 53.95% 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 #A974FA hue: 0.73 , saturation: 0.93 and the lightness value of a974fa is 0.72.

#a974fa
(169 , 116 , 250)
  • R (169)
  • G (116)
  • B (250)
  • C (31.76)
  • M (52.55)
  • Y (0)
  • K (1.96)

Applying the #a974fa

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

#a46ff5
#9f6af0
#9a65eb
#9560e6
#905be1
#8b56dc
#8651d7
#814cd2
#7c47cd
#7742c8
#723dc3
#6d38be
#b580ff
#c18cff
#cd98ff
#d9a4ff
#e5b0ff
#f1bcff
#fdc8ff
#ffd4ff
#ffe0ff
#ffecff
#fff8ff
#ffffff

Color spaces of #a974fa

Type Values
RGB 169 116 250
HSL 0.73 0.93 0.72
HSV 264 54 98
CMYK 31.76 52.55 0 1.96
XYZ 39.8629 27.8279 93.7128
Hunter Lab 52.7522 42.5698 -68.3625
CIE-Lab 59.733 47.8306 -59.6693

Base Numbers

BaseRedGreenBlue
Decimal 169 116 250
Binary 10101001 1110100 11111010
Octal 251 164 372
Hex A9 74 FA

Monochromatic Colors

#c28dff
#dba6ff
#f4bfff
#ffd8ff
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a974fa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A974FA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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