#A671BA Information

#A671BA color RGB value is (166 , 113 , 186) , HEX triplet: a6, 71 and ba. RGB value is (166 , 113 , 186). Sum of RGB (Red+Green+Blue) = 166+113+186=465 (Red value is 166 (65.1% from 255 or 77.21% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 186 (72.94% from 255 or 86.51% from 215); Max value from RGB is 186 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #A671BA hue: 0.79 , saturation: 0.35 and the lightness value of a671ba is 0.59.

#a671ba
(166 , 113 , 186)
  • R (166)
  • G (113)
  • B (186)
  • C (7.84)
  • M (28.63)
  • Y (0)
  • K (27.06)

Applying the #a671ba

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

#a16cb5
#9c67b0
#9762ab
#925da6
#8d58a1
#88539c
#834e97
#7e4992
#79448d
#743f88
#6f3a83
#6a357e
#b27dc6
#be89d2
#ca95de
#d6a1ea
#e2adf6
#eeb9ff
#fac5ff
#ffd1ff
#ffddff
#ffe9ff
#fff5ff
#ffffff

Color spaces of #a671ba

Type Values
RGB 166 113 186
HSL 0.79 0.35 0.59
HSV 284 39 73
CMYK 7.84 28.63 0 27.06
XYZ 30.4939 23.4624 49.3759
Hunter Lab 48.438 27.6075 -26.5098
CIE-Lab 55.5455 33.9049 -30.3013

Base Numbers

BaseRedGreenBlue
Decimal 166 113 186
Binary 10100110 1110001 10111010
Octal 246 161 272
Hex A6 71 BA

Monochromatic Colors

#bf8ad3
#d8a3ec
#f1bcff
#ffd5ff
#ffeeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a671ba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A671BA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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