#498DA2 Information

#498DA2 color RGB value is (73 , 141 , 162) , HEX triplet: 49, 8d and a2. RGB value is (73 , 141 , 162). Sum of RGB (Red+Green+Blue) = 73+141+162=376 (Red value is 73 (28.63% from 255 or 33.95% from 215); Green value is 141 (55.29% from 255 or 65.58% from 215); Blue value is 162 (63.53% from 255 or 75.35% from 215); Max value from RGB is 162 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #498DA2 hue: 0.54 , saturation: 0.38 and the lightness value of 498da2 is 0.46.

#498da2
(73 , 141 , 162)
  • R (73)
  • G (141)
  • B (162)
  • C (34.9)
  • M (8.24)
  • Y (0)
  • K (36.47)

Applying the #498da2

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

#44889d
#3f8398
#3a7e93
#35798e
#307489
#2b6f84
#266a7f
#21657a
#1c6075
#175b70
#12566b
#0d5166
#5599ae
#61a5ba
#6db1c6
#79bdd2
#85c9de
#91d5ea
#9de1f6
#a9edff
#b5f9ff
#c1ffff
#cdffff
#d9ffff

Color spaces of #498da2

Type Values
RGB 73 141 162
HSL 0.54 0.38 0.46
HSV 194 55 64
CMYK 34.9 8.24 0 36.47
XYZ 18.7941 23.0749 37.6458
Hunter Lab 48.0363 -14.2254 -12.8235
CIE-Lab 55.1494 -15.3845 -17.7012

Base Numbers

BaseRedGreenBlue
Decimal 73 141 162
Binary 1001001 10001101 10100010
Octal 111 215 242
Hex 49 8D A2

Monochromatic Colors

#62a6bb
#7bbfd4
#94d8ed
#adf1ff
#c6ffff
#dfffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#498da2 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#498DA2 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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