#9B7698 Information

#9B7698 color RGB value is (155 , 118 , 152) , HEX triplet: 9b, 76 and 98. RGB value is (155 , 118 , 152). Sum of RGB (Red+Green+Blue) = 155+118+152=425 (Red value is 155 (60.78% from 255 or 72.09% from 215); Green value is 118 (46.27% from 255 or 54.88% from 215); Blue value is 152 (59.61% from 255 or 70.7% from 215); Max value from RGB is 155 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #9B7698 hue: 0.85 , saturation: 0.16 and the lightness value of 9b7698 is 0.54.

#9b7698
(155 , 118 , 152)
  • R (155)
  • G (118)
  • B (152)
  • C (0)
  • M (14.51)
  • Y (1.18)
  • K (39.22)

Applying the #9b7698

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

#967193
#916c8e
#8c6789
#876284
#825d7f
#7d587a
#785375
#734e70
#6e496b
#694466
#643f61
#5f3a5c
#a782a4
#b38eb0
#bf9abc
#cba6c8
#d7b2d4
#e3bee0
#efcaec
#fbd6f8
#ffe2ff
#ffeeff
#fffaff
#ffffff

Color spaces of #9b7698

Type Values
RGB 155 118 152
HSL 0.85 0.16 0.54
HSV 305 24 61
CMYK 0 14.51 1.18 39.22
XYZ 25.6635 22.1924 32.6367
Hunter Lab 47.1088 14.8012 -8.0852
CIE-Lab 54.2306 20.4506 -12.7609

Base Numbers

BaseRedGreenBlue
Decimal 155 118 152
Binary 10011011 1110110 10011000
Octal 233 166 230
Hex 9B 76 98

Monochromatic Colors

#b48fb1
#cda8ca
#e6c1e3
#ffdafc
#fff3ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9b7698 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9B7698 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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