#986A99 Information

#986A99 color RGB value is (152 , 106 , 153) , HEX triplet: 98, 6a and 99. RGB value is (152 , 106 , 153). Sum of RGB (Red+Green+Blue) = 152+106+153=411 (Red value is 152 (59.61% from 255 or 70.7% from 215); Green value is 106 (41.57% from 255 or 49.3% from 215); Blue value is 153 (60% from 255 or 71.16% from 215); Max value from RGB is 153 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #986A99 hue: 0.83 , saturation: 0.19 and the lightness value of 986a99 is 0.51.

#986a99
(152 , 106 , 153)
  • R (152)
  • G (106)
  • B (153)
  • C (0.39)
  • M (18.43)
  • Y (0)
  • K (40)

Applying the #986a99

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

#936594
#8e608f
#895b8a
#845685
#7f5180
#7a4c7b
#754776
#704271
#6b3d6c
#663867
#613362
#5c2e5d
#a476a5
#b082b1
#bc8ebd
#c89ac9
#d4a6d5
#e0b2e1
#ecbeed
#f8caf9
#ffd6ff
#ffe2ff
#ffeeff
#fffaff

Color spaces of #986a99

Type Values
RGB 152 106 153
HSL 0.83 0.19 0.51
HSV 299 31 60
CMYK 0.39 18.43 0 40
XYZ 23.8527 19.2834 32.6019
Hunter Lab 43.9128 20.1108 -13.2637
CIE-Lab 51.0171 26.5148 -18.2537

Base Numbers

BaseRedGreenBlue
Decimal 152 106 153
Binary 10011000 1101010 10011001
Octal 230 152 231
Hex 98 6A 99

Monochromatic Colors

#b183b2
#ca9ccb
#e3b5e4
#fccefd
#ffe7ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#986a99 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#986A99 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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