#5553E5 Information

#5553E5 color RGB value is (85 , 83 , 229) , HEX triplet: 55, 53 and e5. RGB value is (85 , 83 , 229). Sum of RGB (Red+Green+Blue) = 85+83+229=397 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 229 (89.8% from 255 or 106.51% from 215); Max value from RGB is 229 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5553E5 hue: 0.67 , saturation: 0.74 and the lightness value of 5553e5 is 0.61.

#5553e5
(85 , 83 , 229)
  • R (85)
  • G (83)
  • B (229)
  • C (56.47)
  • M (57.25)
  • Y (0)
  • K (10.2)

Applying the #5553e5

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

#504ee0
#4b49db
#4644d6
#413fd1
#3c3acc
#3735c7
#3230c2
#2d2bbd
#2826b8
#2321b3
#1e1cae
#1917a9
#615ff1
#6d6bfd
#7977ff
#8583ff
#918fff
#9d9bff
#a9a7ff
#b5b3ff
#c1bfff
#cdcbff
#d9d7ff
#e5e3ff

Color spaces of #5553e5

Type Values
RGB 85 83 229
HSL 0.67 0.74 0.61
HSV 241 64 90
CMYK 56.47 57.25 0 10.2
XYZ 20.9824 13.775 75.6817
Hunter Lab 37.1146 35.9629 -94.8759
CIE-Lab 43.9084 43.961 -73.8728

Base Numbers

BaseRedGreenBlue
Decimal 85 83 229
Binary 1010101 1010011 11100101
Octal 125 123 345
Hex 55 53 E5

Monochromatic Colors

#6e6cfe
#8785ff
#a09eff
#b9b7ff
#d2d0ff
#ebe9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5553e5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5553E5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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