#684396 Information

#684396 color RGB value is (104 , 67 , 150) , HEX triplet: 68, 43 and 96. RGB value is (104 , 67 , 150). Sum of RGB (Red+Green+Blue) = 104+67+150=321 (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 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #684396 hue: 0.74 , saturation: 0.38 and the lightness value of 684396 is 0.43.

#684396
(104 , 67 , 150)
  • R (104)
  • G (67)
  • B (150)
  • C (18.04)
  • M (32.55)
  • Y (0)
  • K (41.18)

Applying the #684396

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

#633e91
#5e398c
#593487
#542f82
#4f2a7d
#4a2578
#452073
#401b6e
#3b1669
#361164
#310c5f
#2c075a
#744fa2
#805bae
#8c67ba
#9873c6
#a47fd2
#b08bde
#bc97ea
#c8a3f6
#d4afff
#e0bbff
#ecc7ff
#f8d3ff

Color spaces of #684396

Type Values
RGB 104 67 150
HSL 0.74 0.38 0.43
HSV 267 55 59
CMYK 18.04 32.55 0 41.18
XYZ 13.2211 9.1594 29.9253
Hunter Lab 30.2645 25.0154 -37.4192
CIE-Lab 36.2894 33.6824 -39.8797

Base Numbers

BaseRedGreenBlue
Decimal 104 67 150
Binary 1101000 1000011 10010110
Octal 150 103 226
Hex 68 43 96

Monochromatic Colors

#815caf
#9a75c8
#b38ee1
#cca7fa
#e5c0ff
#fed9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#684396 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#684396 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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