#6F4AE5 Information

#6F4AE5 color RGB value is (111 , 74 , 229) , HEX triplet: 6f, 4a and e5. RGB value is (111 , 74 , 229). Sum of RGB (Red+Green+Blue) = 111+74+229=414 (Red value is 111 (43.53% from 255 or 51.63% from 215); Green value is 74 (29.02% from 255 or 34.42% from 215); Blue value is 229 (89.8% from 255 or 106.51% from 215); Max value from RGB is 229 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6F4AE5 hue: 0.71 , saturation: 0.75 and the lightness value of 6f4ae5 is 0.59.

#6f4ae5
(111 , 74 , 229)
  • R (111)
  • G (74)
  • B (229)
  • C (46.27)
  • M (60.78)
  • Y (0)
  • K (10.2)

Applying the #6f4ae5

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

#6a45e0
#6540db
#603bd6
#5b36d1
#5631cc
#512cc7
#4c27c2
#4722bd
#421db8
#3d18b3
#3813ae
#330ea9
#7b56f1
#8762fd
#936eff
#9f7aff
#ab86ff
#b792ff
#c39eff
#cfaaff
#dbb6ff
#e7c2ff
#f3ceff
#ffdaff

Color spaces of #6f4ae5

Type Values
RGB 111 74 229
HSL 0.71 0.75 0.59
HSV 254 68 90
CMYK 46.27 60.78 0 10.2
XYZ 23.1472 13.9342 75.5983
Hunter Lab 37.3286 45.3617 -93.9012
CIE-Lab 44.1384 53.0236 -73.4112

Base Numbers

BaseRedGreenBlue
Decimal 111 74 229
Binary 1101111 1001010 11100101
Octal 157 112 345
Hex 6F 4A E5

Monochromatic Colors

#8863fe
#a17cff
#ba95ff
#d3aeff
#ecc7ff
#ffe0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6f4ae5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6F4AE5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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