#5F46E7 Information

#5F46E7 color RGB value is (95 , 70 , 231) , HEX triplet: 5f, 46 and e7. RGB value is (95 , 70 , 231). Sum of RGB (Red+Green+Blue) = 95+70+231=396 (Red value is 95 (37.25% from 255 or 44.19% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 231 (90.59% from 255 or 107.44% from 215); Max value from RGB is 231 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5F46E7 hue: 0.69 , saturation: 0.77 and the lightness value of 5f46e7 is 0.59.

#5f46e7
(95 , 70 , 231)
  • R (95)
  • G (70)
  • B (231)
  • C (53.33)
  • M (63.14)
  • Y (0)
  • K (9.41)

Applying the #5f46e7

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

#5a41e2
#553cdd
#5037d8
#4b32d3
#462dce
#4128c9
#3c23c4
#371ebf
#3219ba
#2d14b5
#280fb0
#230aab
#6b52f3
#775eff
#836aff
#8f76ff
#9b82ff
#a78eff
#b39aff
#bfa6ff
#cbb2ff
#d7beff
#e3caff
#efd6ff

Color spaces of #5f46e7

Type Values
RGB 95 70 231
HSL 0.69 0.77 0.59
HSV 249 70 91
CMYK 53.33 63.14 0 9.41
XYZ 21.3333 12.5827 76.9056
Hunter Lab 35.4722 45.2753 -103.6666
CIE-Lab 42.1277 53.3116 -77.893

Base Numbers

BaseRedGreenBlue
Decimal 95 70 231
Binary 1011111 1000110 11100111
Octal 137 106 347
Hex 5F 46 E7

Monochromatic Colors

#785fff
#9178ff
#aa91ff
#c3aaff
#dcc3ff
#f5dcff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5f46e7 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5F46E7 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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