#7117DF Information

#7117DF color RGB value is (113 , 23 , 223) , HEX triplet: 71, 17 and df. RGB value is (113 , 23 , 223). Sum of RGB (Red+Green+Blue) = 113+23+223=359 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 23 (9.02% from 255 or 10.7% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7117DF hue: 0.74 , saturation: 0.81 and the lightness value of 7117df is 0.48.

#7117df
(113 , 23 , 223)
  • R (113)
  • G (23)
  • B (223)
  • C (43.14)
  • M (78.43)
  • Y (0)
  • K (12.55)

Applying the #7117df

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

#6c12da
#670dd5
#6208d0
#5d03cb
#5800c6
#5300c1
#4e00bc
#4900b7
#4400b2
#3f00ad
#3a00a8
#3500a3
#7d23eb
#892ff7
#953bff
#a147ff
#ad53ff
#b95fff
#c56bff
#d177ff
#dd83ff
#e98fff
#f59bff
#ffa7ff

Color spaces of #7117df

Type Values
RGB 113 23 223
HSL 0.74 0.81 0.48
HSV 267 90 87
CMYK 43.14 78.43 0 12.55
XYZ 20.4357 9.4512 70.5592
Hunter Lab 30.7428 64.8546 -114.5093
CIE-Lab 36.8389 71.7854 -81.9709

Base Numbers

BaseRedGreenBlue
Decimal 113 23 223
Binary 1110001 10111 11011111
Octal 161 27 337
Hex 71 17 DF

Monochromatic Colors

#8a30f8
#a349ff
#bc62ff
#d57bff
#ee94ff
#ffadff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7117df Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7117DF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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