#53899C Information

#53899C color RGB value is (83 , 137 , 156) , HEX triplet: 53, 89 and 9c. RGB value is (83 , 137 , 156). Sum of RGB (Red+Green+Blue) = 83+137+156=376 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 137 (53.73% from 255 or 63.72% 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 #53899C hue: 0.54 , saturation: 0.31 and the lightness value of 53899c is 0.47.

#53899c
(83 , 137 , 156)
  • R (83)
  • G (137)
  • B (156)
  • C (28.63)
  • M (7.45)
  • Y (0)
  • K (38.82)

Applying the #53899c

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

#4e8497
#497f92
#447a8d
#3f7588
#3a7083
#356b7e
#306679
#2b6174
#265c6f
#21576a
#1c5265
#174d60
#5f95a8
#6ba1b4
#77adc0
#83b9cc
#8fc5d8
#9bd1e4
#a7ddf0
#b3e9fc
#bff5ff
#cbffff
#d7ffff
#e3ffff

Color spaces of #53899c

Type Values
RGB 83 137 156
HSL 0.54 0.31 0.47
HSV 196 47 61
CMYK 28.63 7.45 0 38.82
XYZ 18.5137 22.1306 34.7484
Hunter Lab 47.0432 -12.0773 -10.8488
CIE-Lab 54.1653 -12.599 -15.7

Base Numbers

BaseRedGreenBlue
Decimal 83 137 156
Binary 1010011 10001001 10011100
Octal 123 211 234
Hex 53 89 9C

Monochromatic Colors

#6ca2b5
#85bbce
#9ed4e7
#b7edff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#53899c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#53899C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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