#48A292 Information

#48A292 color RGB value is (72 , 162 , 146) , HEX triplet: 48, a2 and 92. RGB value is (72 , 162 , 146). Sum of RGB (Red+Green+Blue) = 72+162+146=380 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 162 (63.53% from 255 or 75.35% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 162 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #48A292 hue: 0.47 , saturation: 0.38 and the lightness value of 48a292 is 0.46.

#48a292
(72 , 162 , 146)
  • R (72)
  • G (162)
  • B (146)
  • C (35.29)
  • M (0)
  • Y (6.27)
  • K (36.47)

Applying the #48a292

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

#439d8d
#3e9888
#399383
#348e7e
#2f8979
#2a8474
#257f6f
#207a6a
#1b7565
#167060
#116b5b
#0c6656
#54ae9e
#60baaa
#6cc6b6
#78d2c2
#84dece
#90eada
#9cf6e6
#a8fff2
#b4fffe
#c0ffff
#ccffff
#d8ffff

Color spaces of #48a292

Type Values
RGB 72 162 146
HSL 0.47 0.38 0.46
HSV 169 56 64
CMYK 35.29 0 6.27 36.47
XYZ 20.7811 29.2937 31.7531
Hunter Lab 54.1237 -26.1798 3.1144
CIE-Lab 61.04 -30.8513 0.1985

Base Numbers

BaseRedGreenBlue
Decimal 72 162 146
Binary 1001000 10100010 10010010
Octal 110 242 222
Hex 48 A2 92

Monochromatic Colors

#61bbab
#7ad4c4
#93eddd
#acfff6
#c5ffff
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48a292 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48A292 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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