#684390 Information

#684390 color RGB value is (104 , 67 , 144) , HEX triplet: 68, 43 and 90. RGB value is (104 , 67 , 144). Sum of RGB (Red+Green+Blue) = 104+67+144=315 (Red value is 104 (40.78% from 255 or 48.37% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #684390 hue: 0.75 , saturation: 0.36 and the lightness value of 684390 is 0.41.

#684390
(104 , 67 , 144)
  • R (104)
  • G (67)
  • B (144)
  • C (15.69)
  • M (30.2)
  • Y (0)
  • K (43.53)

Applying the #684390

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

#633e8b
#5e3986
#593481
#542f7c
#4f2a77
#4a2572
#45206d
#401b68
#3b1663
#36115e
#310c59
#2c0754
#744f9c
#805ba8
#8c67b4
#9873c0
#a47fcc
#b08bd8
#bc97e4
#c8a3f0
#d4affc
#e0bbff
#ecc7ff
#f8d3ff

Color spaces of #684390

Type Values
RGB 104 67 144
HSL 0.75 0.36 0.41
HSV 269 53 56
CMYK 15.69 30.2 0 43.53
XYZ 12.7501 8.971 27.4451
Hunter Lab 29.9516 23.5706 -33.3427
CIE-Lab 35.9284 32.1248 -36.8057

Base Numbers

BaseRedGreenBlue
Decimal 104 67 144
Binary 1101000 1000011 10010000
Octal 150 103 220
Hex 68 43 90

Monochromatic Colors

#815ca9
#9a75c2
#b38edb
#cca7f4
#e5c0ff
#fed9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#684390 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#684390 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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