#9076BA Information

#9076BA color RGB value is (144 , 118 , 186) , HEX triplet: 90, 76 and ba. RGB value is (144 , 118 , 186). Sum of RGB (Red+Green+Blue) = 144+118+186=448 (Red value is 144 (56.47% from 255 or 66.98% from 215); Green value is 118 (46.27% from 255 or 54.88% 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 #9076BA hue: 0.73 , saturation: 0.33 and the lightness value of 9076ba is 0.6.

#9076ba
(144 , 118 , 186)
  • R (144)
  • G (118)
  • B (186)
  • C (16.47)
  • M (26.67)
  • Y (0)
  • K (27.06)

Applying the #9076ba

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

#8b71b5
#866cb0
#8167ab
#7c62a6
#775da1
#72589c
#6d5397
#684e92
#63498d
#5e4488
#593f83
#543a7e
#9c82c6
#a88ed2
#b49ade
#c0a6ea
#ccb2f6
#d8beff
#e4caff
#f0d6ff
#fce2ff
#ffeeff
#fffaff
#ffffff

Color spaces of #9076ba

Type Values
RGB 144 118 186
HSL 0.73 0.33 0.6
HSV 263 37 73
CMYK 16.47 26.67 0 27.06
XYZ 26.843 22.4313 49.3693
Hunter Lab 47.3617 18.2847 -28.6279
CIE-Lab 54.4817 24.245 -32.1285

Base Numbers

BaseRedGreenBlue
Decimal 144 118 186
Binary 10010000 1110110 10111010
Octal 220 166 272
Hex 90 76 BA

Monochromatic Colors

#a98fd3
#c2a8ec
#dbc1ff
#f4daff
#fff3ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9076ba Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9076BA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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