#9C6DAF Information

#9C6DAF color RGB value is (156 , 109 , 175) , HEX triplet: 9c, 6d and af. RGB value is (156 , 109 , 175). Sum of RGB (Red+Green+Blue) = 156+109+175=440 (Red value is 156 (61.18% from 255 or 72.56% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 175 (68.63% from 255 or 81.4% from 215); Max value from RGB is 175 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #9C6DAF hue: 0.79 , saturation: 0.29 and the lightness value of 9c6daf is 0.56.

#9c6daf
(156 , 109 , 175)
  • R (156)
  • G (109)
  • B (175)
  • C (7.45)
  • M (25.88)
  • Y (0)
  • K (31.37)

Applying the #9c6daf

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

#9768aa
#9263a5
#8d5ea0
#88599b
#835496
#7e4f91
#794a8c
#744587
#6f4082
#6a3b7d
#653678
#603173
#a879bb
#b485c7
#c091d3
#cc9ddf
#d8a9eb
#e4b5f7
#f0c1ff
#fccdff
#ffd9ff
#ffe5ff
#fff1ff
#fffdff

Color spaces of #9c6daf

Type Values
RGB 156 109 175
HSL 0.79 0.29 0.56
HSV 283 38 69
CMYK 7.45 25.88 0 31.37
XYZ 26.9168 21.1003 43.2115
Hunter Lab 45.9351 24.2102 -23.6002
CIE-Lab 53.0591 30.6773 -27.9074

Base Numbers

BaseRedGreenBlue
Decimal 156 109 175
Binary 10011100 1101101 10101111
Octal 234 155 257
Hex 9C 6D AF

Monochromatic Colors

#b586c8
#ce9fe1
#e7b8fa
#ffd1ff
#ffeaff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9c6daf Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9C6DAF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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