#489BA4 Information

#489BA4 color RGB value is (72 , 155 , 164) , HEX triplet: 48, 9b and a4. RGB value is (72 , 155 , 164). Sum of RGB (Red+Green+Blue) = 72+155+164=391 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #489BA4 hue: 0.52 , saturation: 0.39 and the lightness value of 489ba4 is 0.46.

#489ba4
(72 , 155 , 164)
  • R (72)
  • G (155)
  • B (164)
  • C (36.08)
  • M (3.53)
  • Y (0)
  • K (35.69)

Applying the #489ba4

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

#43969f
#3e919a
#398c95
#348790
#2f828b
#2a7d86
#257881
#20737c
#1b6e77
#166972
#11646d
#0c5f68
#54a7b0
#60b3bc
#6cbfc8
#78cbd4
#84d7e0
#90e3ec
#9ceff8
#a8fbff
#b4ffff
#c0ffff
#ccffff
#d8ffff

Color spaces of #489ba4

Type Values
RGB 72 155 164
HSL 0.52 0.39 0.46
HSV 186 56 64
CMYK 36.08 3.53 0 35.69
XYZ 21.0947 27.5007 39.3183
Hunter Lab 52.4412 -19.9693 -7.729
CIE-Lab 59.435 -22.4259 -12.361

Base Numbers

BaseRedGreenBlue
Decimal 72 155 164
Binary 1001000 10011011 10100100
Octal 110 233 244
Hex 48 9B A4

Monochromatic Colors

#61b4bd
#7acdd6
#93e6ef
#acffff
#c5ffff
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#489ba4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#489BA4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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