#63A490 Information

#63A490 color RGB value is (99 , 164 , 144) , HEX triplet: 63, a4 and 90. RGB value is (99 , 164 , 144). Sum of RGB (Red+Green+Blue) = 99+164+144=407 (Red value is 99 (38.82% from 255 or 46.05% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 164 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #63A490 hue: 0.45 , saturation: 0.26 and the lightness value of 63a490 is 0.52.

#63a490
(99 , 164 , 144)
  • R (99)
  • G (164)
  • B (144)
  • C (25.49)
  • M (0)
  • Y (7.84)
  • K (35.69)

Applying the #63a490

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

#5e9f8b
#599a86
#549581
#4f907c
#4a8b77
#458672
#40816d
#3b7c68
#367763
#31725e
#2c6d59
#276854
#6fb09c
#7bbca8
#87c8b4
#93d4c0
#9fe0cc
#abecd8
#b7f8e4
#c3fff0
#cffffc
#dbffff
#e7ffff
#f3ffff

Color spaces of #63a490

Type Values
RGB 99 164 144
HSL 0.45 0.26 0.52
HSV 162 40 64
CMYK 25.49 0 7.84 35.69
XYZ 23.4551 31.2172 31.1749
Hunter Lab 55.8723 -22.8423 6.0401
CIE-Lab 62.6905 -25.564 3.8543

Base Numbers

BaseRedGreenBlue
Decimal 99 164 144
Binary 1100011 10100100 10010000
Octal 143 244 220
Hex 63 A4 90

Monochromatic Colors

#7cbda9
#95d6c2
#aeefdb
#c7fff4
#e0ffff
#f9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#63a490 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#63A490 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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