#593ADE Information

#593ADE color RGB value is (89 , 58 , 222) , HEX triplet: 59, 3a and de. RGB value is (89 , 58 , 222). Sum of RGB (Red+Green+Blue) = 89+58+222=369 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 58 (22.75% from 255 or 26.98% from 215); Blue value is 222 (87.06% from 255 or 103.26% from 215); Max value from RGB is 222 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #593ADE hue: 0.7 , saturation: 0.71 and the lightness value of 593ade is 0.55.

#593ade
(89 , 58 , 222)
  • R (89)
  • G (58)
  • B (222)
  • C (52.16)
  • M (64.31)
  • Y (0)
  • K (12.94)

Applying the #593ade

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

#5435d9
#4f30d4
#4a2bcf
#4526ca
#4021c5
#3b1cc0
#3617bb
#3112b6
#2c0db1
#2708ac
#2203a7
#1d00a2
#6546ea
#7152f6
#7d5eff
#896aff
#9576ff
#a182ff
#ad8eff
#b99aff
#c5a6ff
#d1b2ff
#ddbeff
#e9caff

Color spaces of #593ade

Type Values
RGB 89 58 222
HSL 0.7 0.71 0.55
HSV 251 74 87
CMYK 52.16 64.31 0 12.94
XYZ 18.8177 10.4239 70.1274
Hunter Lab 32.286 47.5369 -106.1345
CIE-Lab 38.5927 56.1022 -78.5933

Base Numbers

BaseRedGreenBlue
Decimal 89 58 222
Binary 1011001 111010 11011110
Octal 131 72 336
Hex 59 3A DE

Monochromatic Colors

#7253f7
#8b6cff
#a485ff
#bd9eff
#d6b7ff
#efd0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#593ade Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#593ADE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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