#537696 Information

#537696 color RGB value is (83 , 118 , 150) , HEX triplet: 53, 76 and 96. RGB value is (83 , 118 , 150). Sum of RGB (Red+Green+Blue) = 83+118+150=351 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 118 (46.27% from 255 or 54.88% 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 #537696 hue: 0.58 , saturation: 0.29 and the lightness value of 537696 is 0.46.

#537696
(83 , 118 , 150)
  • R (83)
  • G (118)
  • B (150)
  • C (26.27)
  • M (12.55)
  • Y (0)
  • K (41.18)

Applying the #537696

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

#4e7191
#496c8c
#446787
#3f6282
#3a5d7d
#355878
#305373
#2b4e6e
#264969
#214464
#1c3f5f
#173a5a
#5f82a2
#6b8eae
#779aba
#83a6c6
#8fb2d2
#9bbede
#a7caea
#b3d6f6
#bfe2ff
#cbeeff
#d7faff
#e3ffff

Color spaces of #537696

Type Values
RGB 83 118 150
HSL 0.58 0.29 0.46
HSV 209 45 59
CMYK 26.27 12.55 0 41.18
XYZ 15.5507 16.9979 31.3155
Hunter Lab 41.2285 -4.8222 -16.1584
CIE-Lab 48.2574 -3.5028 -21.2284

Base Numbers

BaseRedGreenBlue
Decimal 83 118 150
Binary 1010011 1110110 10010110
Octal 123 166 226
Hex 53 76 96

Monochromatic Colors

#6c8faf
#85a8c8
#9ec1e1
#b7dafa
#d0f3ff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#537696 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#537696 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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