#63699C Information

#63699C color RGB value is (99 , 105 , 156) , HEX triplet: 63, 69 and 9c. RGB value is (99 , 105 , 156). Sum of RGB (Red+Green+Blue) = 99+105+156=360 (Red value is 99 (38.82% from 255 or 46.05% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 156 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #63699C hue: 0.65 , saturation: 0.22 and the lightness value of 63699c is 0.5.

#63699c
(99 , 105 , 156)
  • R (99)
  • G (105)
  • B (156)
  • C (22.35)
  • M (20)
  • Y (0)
  • K (38.82)

Applying the #63699c

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

#5e6497
#595f92
#545a8d
#4f5588
#4a5083
#454b7e
#404679
#3b4174
#363c6f
#31376a
#2c3265
#272d60
#6f75a8
#7b81b4
#878dc0
#9399cc
#9fa5d8
#abb1e4
#b7bdf0
#c3c9fc
#cfd5ff
#dbe1ff
#e7edff
#f3f9ff

Color spaces of #63699c

Type Values
RGB 99 105 156
HSL 0.65 0.22 0.5
HSV 234 37 61
CMYK 22.35 20 0 38.82
XYZ 16.1979 15.1561 33.5242
Hunter Lab 38.9308 6.1395 -23.7861
CIE-Lab 45.8473 10.6278 -28.4172

Base Numbers

BaseRedGreenBlue
Decimal 99 105 156
Binary 1100011 1101001 10011100
Octal 143 151 234
Hex 63 69 9C

Monochromatic Colors

#7c82b5
#959bce
#aeb4e7
#c7cdff
#e0e6ff
#f9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#63699c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#63699C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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