#5384D7 Information

#5384D7 color RGB value is (83 , 132 , 215) , HEX triplet: 53, 84 and d7. RGB value is (83 , 132 , 215). Sum of RGB (Red+Green+Blue) = 83+132+215=430 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 132 (51.76% from 255 or 61.4% from 215); Blue value is 215 (84.31% from 255 or 100% from 215); Max value from RGB is 215 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5384D7 hue: 0.6 , saturation: 0.62 and the lightness value of 5384d7 is 0.58.

#5384d7
(83 , 132 , 215)
  • R (83)
  • G (132)
  • B (215)
  • C (51.76)
  • M (32.55)
  • Y (0)
  • K (15.69)

Applying the #5384d7

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

#4e7fd2
#497acd
#4475c8
#3f70c3
#3a6bbe
#3566b9
#3061b4
#2b5caf
#2657aa
#2152a5
#1c4da0
#17489b
#5f90e3
#6b9cef
#77a8fb
#83b4ff
#8fc0ff
#9bccff
#a7d8ff
#b3e4ff
#bff0ff
#cbfcff
#d7ffff
#e3ffff

Color spaces of #5384d7

Type Values
RGB 83 132 215
HSL 0.6 0.62 0.58
HSV 218 61 84
CMYK 51.76 32.55 0 15.69
XYZ 24.0843 23.2478 67.5079
Hunter Lab 48.216 4.7844 -49.2317
CIE-Lab 55.3267 8.9564 -47.5637

Base Numbers

BaseRedGreenBlue
Decimal 83 132 215
Binary 1010011 10000100 11010111
Octal 123 204 327
Hex 53 84 D7

Monochromatic Colors

#6c9df0
#85b6ff
#9ecfff
#b7e8ff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5384d7 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5384D7 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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