#716FF1 Information

#716FF1 color RGB value is (113 , 111 , 241) , HEX triplet: 71, 6f and f1. RGB value is (113 , 111 , 241). Sum of RGB (Red+Green+Blue) = 113+111+241=465 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 241 (94.51% from 255 or 112.09% from 215); Max value from RGB is 241 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #716FF1 hue: 0.67 , saturation: 0.82 and the lightness value of 716ff1 is 0.69.

#716ff1
(113 , 111 , 241)
  • R (113)
  • G (111)
  • B (241)
  • C (50.2)
  • M (50.98)
  • Y (0)
  • K (5.49)

Applying the #716ff1

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

#6c6aec
#6765e7
#6260e2
#5d5bdd
#5856d8
#5351d3
#4e4cce
#4947c9
#4442c4
#3f3dbf
#3a38ba
#3533b5
#7d7bfd
#8987ff
#9593ff
#a19fff
#adabff
#b9b7ff
#c5c3ff
#d1cfff
#dddbff
#e9e7ff
#f5f3ff
#ffffff

Color spaces of #716ff1

Type Values
RGB 113 111 241
HSL 0.67 0.82 0.69
HSV 241 54 95
CMYK 50.2 50.98 0 5.49
XYZ 28.3717 21.2305 85.8216
Hunter Lab 46.0765 29.2778 -78.1393
CIE-Lab 53.2008 35.8789 -65.4345

Base Numbers

BaseRedGreenBlue
Decimal 113 111 241
Binary 1110001 1101111 11110001
Octal 161 157 361
Hex 71 6F F1

Monochromatic Colors

#8a88ff
#a3a1ff
#bcbaff
#d5d3ff
#eeecff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#716ff1 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#716FF1 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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