#35496C Information

#35496C color RGB value is (53 , 73 , 108) , HEX triplet: 35, 49 and 6c. RGB value is (53 , 73 , 108). Sum of RGB (Red+Green+Blue) = 53+73+108=234 (Red value is 53 (20.78% from 255 or 24.65% from 215); Green value is 73 (28.63% from 255 or 33.95% from 215); Blue value is 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 108 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #35496C hue: 0.61 , saturation: 0.34 and the lightness value of 35496c is 0.32.

#35496c
(53 , 73 , 108)
  • R (53)
  • G (73)
  • B (108)
  • C (21.57)
  • M (13.73)
  • Y (0)
  • K (57.65)

Applying the #35496c

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

#304467
#2b3f62
#263a5d
#213558
#1c3053
#172b4e
#122649
#0d2144
#081c3f
#03173a
#001235
#000d30
#415578
#4d6184
#596d90
#65799c
#7185a8
#7d91b4
#899dc0
#95a9cc
#a1b5d8
#adc1e4
#b9cdf0
#c5d9fc

Color spaces of #35496c

Type Values
RGB 53 73 108
HSL 0.61 0.34 0.32
HSV 218 51 42
CMYK 21.57 13.73 0 57.65
XYZ 6.5575 6.6047 15.1166
Hunter Lab 25.6996 0.572 -16.8724
CIE-Lab 30.8895 2.961 -22.7167

Base Numbers

BaseRedGreenBlue
Decimal 53 73 108
Binary 110101 1001001 1101100
Octal 65 111 154
Hex 35 49 6C

Monochromatic Colors

#4e6285
#677b9e
#8094b7
#99add0
#b2c6e9
#cbdfff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#35496c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#35496C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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