#9F0DDA Information

#9F0DDA color RGB value is (159 , 13 , 218) , HEX triplet: 9f, d and da. RGB value is (159 , 13 , 218). Sum of RGB (Red+Green+Blue) = 159+13+218=390 (Red value is 159 (62.35% from 255 or 73.95% from 215); Green value is 13 (5.1% from 255 or 6.05% from 215); Blue value is 218 (85.49% from 255 or 101.4% from 215); Max value from RGB is 218 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #9F0DDA hue: 0.79 , saturation: 0.89 and the lightness value of 9f0dda is 0.45.

#9f0dda
(159 , 13 , 218)
  • R (159)
  • G (13)
  • B (218)
  • C (23.14)
  • M (80.39)
  • Y (0)
  • K (14.51)

Applying the #9f0dda

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

#9a08d5
#9503d0
#9000cb
#8b00c6
#8600c1
#8100bc
#7c00b7
#7700b2
#7200ad
#6d00a8
#6800a3
#63009e
#ab19e6
#b725f2
#c331fe
#cf3dff
#db49ff
#e755ff
#f361ff
#ff6dff
#ff79ff
#ff85ff
#ff91ff
#ff9dff

Color spaces of #9f0dda

Type Values
RGB 159 13 218
HSL 0.79 0.89 0.45
HSV 283 94 85
CMYK 23.14 80.39 0 14.51
XYZ 27.0969 12.7207 67.3568
Hunter Lab 35.6661 73.1973 -86.9643
CIE-Lab 42.3394 77.6136 -69.8283

Base Numbers

BaseRedGreenBlue
Decimal 159 13 218
Binary 10011111 1101 11011010
Octal 237 15 332
Hex 9F D DA

Monochromatic Colors

#b826f3
#d13fff
#ea58ff
#ff71ff
#ff8aff
#ffa3ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9f0dda Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9F0DDA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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