#8F376A Information

#8F376A color RGB value is (143 , 55 , 106) , HEX triplet: 8f, 37 and 6a. RGB value is (143 , 55 , 106). Sum of RGB (Red+Green+Blue) = 143+55+106=304 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 106 (41.57% from 255 or 49.3% from 215); Max value from RGB is 143 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8F376A hue: 0.9 , saturation: 0.44 and the lightness value of 8f376a is 0.39.

#8f376a
(143 , 55 , 106)
  • R (143)
  • G (55)
  • B (106)
  • C (0)
  • M (34.51)
  • Y (14.51)
  • K (43.92)

Applying the #8f376a

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

#8a3265
#852d60
#80285b
#7b2356
#761e51
#71194c
#6c1447
#670f42
#620a3d
#5d0538
#580033
#53002e
#9b4376
#a74f82
#b35b8e
#bf679a
#cb73a6
#d77fb2
#e38bbe
#ef97ca
#fba3d6
#ffafe2
#ffbbee
#ffc7fa

Color spaces of #8f376a

Type Values
RGB 143 55 106
HSL 0.9 0.44 0.39
HSV 325 62 56
CMYK 0 34.51 14.51 43.92
XYZ 15.2954 9.6126 14.6849
Hunter Lab 31.0042 33.8025 -6.3695
CIE-Lab 37.138 42.9205 -10.9481

Base Numbers

BaseRedGreenBlue
Decimal 143 55 106
Binary 10001111 110111 1101010
Octal 217 67 152
Hex 8F 37 6A

Monochromatic Colors

#a85083
#c1699c
#da82b5
#f39bce
#ffb4e7
#ffcdff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f376a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F376A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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