#8F748E Information

#8F748E color RGB value is (143 , 116 , 142) , HEX triplet: 8f, 74 and 8e. RGB value is (143 , 116 , 142). Sum of RGB (Red+Green+Blue) = 143+116+142=401 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 143 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8F748E hue: 0.84 , saturation: 0.11 and the lightness value of 8f748e is 0.51.

#8f748e
(143 , 116 , 142)
  • R (143)
  • G (116)
  • B (142)
  • C (0)
  • M (10.59)
  • Y (0.39)
  • K (43.92)

Applying the #8f748e

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

#8a6f89
#856a84
#80657f
#7b607a
#765b75
#715670
#6c516b
#674c66
#624761
#5d425c
#583d57
#533852
#9b809a
#a78ca6
#b398b2
#bfa4be
#cbb0ca
#d7bcd6
#e3c8e2
#efd4ee
#fbe0fa
#ffecff
#fff8ff
#ffffff

Color spaces of #8f748e

Type Values
RGB 143 116 142
HSL 0.84 0.11 0.51
HSV 302 19 56
CMYK 0 10.59 0.39 43.92
XYZ 22.4556 20.2834 28.3227
Hunter Lab 45.0371 10.1856 -5.747
CIE-Lab 52.1561 15.3232 -10.1593

Base Numbers

BaseRedGreenBlue
Decimal 143 116 142
Binary 10001111 1110100 10001110
Octal 217 164 216
Hex 8F 74 8E

Monochromatic Colors

#a88da7
#c1a6c0
#dabfd9
#f3d8f2
#fff1ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f748e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F748E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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