#6479C8 Information

#6479C8 color RGB value is (100 , 121 , 200) , HEX triplet: 64, 79 and c8. RGB value is (100 , 121 , 200). Sum of RGB (Red+Green+Blue) = 100+121+200=421 (Red value is 100 (39.22% from 255 or 46.51% from 215); Green value is 121 (47.45% from 255 or 56.28% from 215); Blue value is 200 (78.43% from 255 or 93.02% from 215); Max value from RGB is 200 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6479C8 hue: 0.63 , saturation: 0.48 and the lightness value of 6479c8 is 0.59.

#6479c8
(100 , 121 , 200)
  • R (100)
  • G (121)
  • B (200)
  • C (39.22)
  • M (30.98)
  • Y (0)
  • K (21.57)

Applying the #6479c8

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

#5f74c3
#5a6fbe
#556ab9
#5065b4
#4b60af
#465baa
#4156a5
#3c51a0
#374c9b
#324796
#2d4291
#283d8c
#7085d4
#7c91e0
#889dec
#94a9f8
#a0b5ff
#acc1ff
#b8cdff
#c4d9ff
#d0e5ff
#dcf1ff
#e8fdff
#f4ffff

Color spaces of #6479c8

Type Values
RGB 100 121 200
HSL 0.63 0.48 0.59
HSV 227 50 78
CMYK 39.22 30.98 0 21.57
XYZ 22.5182 20.5542 57.4241
Hunter Lab 45.3367 9.3198 -43.3348
CIE-Lab 52.4581 14.3089 -43.5564

Base Numbers

BaseRedGreenBlue
Decimal 100 121 200
Binary 1100100 1111001 11001000
Octal 144 171 310
Hex 64 79 C8

Monochromatic Colors

#7d92e1
#96abfa
#afc4ff
#c8ddff
#e1f6ff
#faffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6479c8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6479C8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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