#536CA2 Information

#536CA2 color RGB value is (83 , 108 , 162) , HEX triplet: 53, 6c and a2. RGB value is (83 , 108 , 162). Sum of RGB (Red+Green+Blue) = 83+108+162=353 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 162 (63.53% from 255 or 75.35% from 215); Max value from RGB is 162 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #536CA2 hue: 0.61 , saturation: 0.32 and the lightness value of 536ca2 is 0.48.

#536ca2
(83 , 108 , 162)
  • R (83)
  • G (108)
  • B (162)
  • C (30.98)
  • M (21.18)
  • Y (0)
  • K (36.47)

Applying the #536ca2

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

#4e679d
#496298
#445d93
#3f588e
#3a5389
#354e84
#30497f
#2b447a
#263f75
#213a70
#1c356b
#173066
#5f78ae
#6b84ba
#7790c6
#839cd2
#8fa8de
#9bb4ea
#a7c0f6
#b3ccff
#bfd8ff
#cbe4ff
#d7f0ff
#e3fcff

Color spaces of #536ca2

Type Values
RGB 83 108 162
HSL 0.61 0.32 0.48
HSV 221 49 64
CMYK 30.98 21.18 0 36.47
XYZ 15.4514 15.1728 36.2967
Hunter Lab 38.9522 2.6405 -27.9616
CIE-Lab 45.8699 6.2046 -32.003

Base Numbers

BaseRedGreenBlue
Decimal 83 108 162
Binary 1010011 1101100 10100010
Octal 123 154 242
Hex 53 6C A2

Monochromatic Colors

#6c85bb
#859ed4
#9eb7ed
#b7d0ff
#d0e9ff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#536ca2 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#536CA2 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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