#5753C3 Information

#5753C3 color RGB value is (87 , 83 , 195) , HEX triplet: 57, 53 and c3. RGB value is (87 , 83 , 195). Sum of RGB (Red+Green+Blue) = 87+83+195=365 (Red value is 87 (34.12% from 255 or 40.47% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 195 (76.47% from 255 or 90.7% from 215); Max value from RGB is 195 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5753C3 hue: 0.67 , saturation: 0.48 and the lightness value of 5753c3 is 0.55.

#5753c3
(87 , 83 , 195)
  • R (87)
  • G (83)
  • B (195)
  • C (42.35)
  • M (43.92)
  • Y (0)
  • K (23.53)

Applying the #5753c3

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

#524ebe
#4d49b9
#4844b4
#433faf
#3e3aaa
#3935a5
#3430a0
#2f2b9b
#2a2696
#252191
#201c8c
#1b1787
#635fcf
#6f6bdb
#7b77e7
#8783f3
#938fff
#9f9bff
#aba7ff
#b7b3ff
#c3bfff
#cfcbff
#dbd7ff
#e7e3ff

Color spaces of #5753c3

Type Values
RGB 87 83 195
HSL 0.67 0.48 0.55
HSV 242 57 76
CMYK 42.35 43.92 0 23.53
XYZ 16.8741 12.1529 53.0861
Hunter Lab 34.861 25.3943 -65.851
CIE-Lab 41.4581 33.3515 -58.3461

Base Numbers

BaseRedGreenBlue
Decimal 87 83 195
Binary 1010111 1010011 11000011
Octal 127 123 303
Hex 57 53 C3

Monochromatic Colors

#706cdc
#8985f5
#a29eff
#bbb7ff
#d4d0ff
#ede9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5753c3 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5753C3 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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