#8E1767 Information

#8E1767 color RGB value is (142 , 23 , 103) , HEX triplet: 8e, 17 and 67. RGB value is (142 , 23 , 103). Sum of RGB (Red+Green+Blue) = 142+23+103=268 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 23 (9.02% from 255 or 10.7% from 215); Blue value is 103 (40.39% from 255 or 47.91% from 215); Max value from RGB is 142 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8E1767 hue: 0.89 , saturation: 0.72 and the lightness value of 8e1767 is 0.32.

#8e1767
(142 , 23 , 103)
  • R (142)
  • G (23)
  • B (103)
  • C (0)
  • M (46.67)
  • Y (15.29)
  • K (44.31)

Applying the #8e1767

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

#891262
#840d5d
#7f0858
#7a0353
#75004e
#700049
#6b0044
#66003f
#61003a
#5c0035
#570030
#52002b
#9a2373
#a62f7f
#b23b8b
#be4797
#ca53a3
#d65faf
#e26bbb
#ee77c7
#fa83d3
#ff8fdf
#ff9beb
#ffa7f7

Color spaces of #8e1767

Type Values
RGB 142 23 103
HSL 0.89 0.72 0.32
HSV 320 84 56
CMYK 0 46.67 15.29 44.31
XYZ 13.9099 7.3428 13.5161
Hunter Lab 27.0977 44.2075 -10.5946
CIE-Lab 32.575 54.1157 -16.0187

Base Numbers

BaseRedGreenBlue
Decimal 142 23 103
Binary 10001110 10111 1100111
Octal 216 27 147
Hex 8E 17 67

Monochromatic Colors

#a73080
#c04999
#d962b2
#f27bcb
#ff94e4
#ffadfd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e1767 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E1767 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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