#8C74BB Information

#8C74BB color RGB value is (140 , 116 , 187) , HEX triplet: 8c, 74 and bb. RGB value is (140 , 116 , 187). Sum of RGB (Red+Green+Blue) = 140+116+187=443 (Red value is 140 (54.9% from 255 or 65.12% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 187 (73.33% from 255 or 86.98% from 215); Max value from RGB is 187 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #8C74BB hue: 0.72 , saturation: 0.34 and the lightness value of 8c74bb is 0.59.

#8c74bb
(140 , 116 , 187)
  • R (140)
  • G (116)
  • B (187)
  • C (18.43)
  • M (27.84)
  • Y (0)
  • K (26.67)

Applying the #8c74bb

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

#876fb6
#826ab1
#7d65ac
#7860a7
#735ba2
#6e569d
#695198
#644c93
#5f478e
#5a4289
#553d84
#50387f
#9880c7
#a48cd3
#b098df
#bca4eb
#c8b0f7
#d4bcff
#e0c8ff
#ecd4ff
#f8e0ff
#ffecff
#fff8ff
#ffffff

Color spaces of #8c74bb

Type Values
RGB 140 116 187
HSL 0.72 0.34 0.59
HSV 260 38 73
CMYK 18.43 27.84 0 26.67
XYZ 26.0302 21.6541 49.8214
Hunter Lab 46.534 18.4154 -30.8822
CIE-Lab 53.658 24.4506 -34.0163

Base Numbers

BaseRedGreenBlue
Decimal 140 116 187
Binary 10001100 1110100 10111011
Octal 214 164 273
Hex 8C 74 BB

Monochromatic Colors

#a58dd4
#bea6ed
#d7bfff
#f0d8ff
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8c74bb Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8C74BB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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