#2AB253 Information

#2AB253 color RGB value is (42 , 178 , 83) , HEX triplet: 2a, b2 and 53. RGB value is (42 , 178 , 83). Sum of RGB (Red+Green+Blue) = 42+178+83=303 (Red value is 42 (16.47% from 255 or 19.53% from 215); Green value is 178 (69.8% from 255 or 82.79% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 178 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #2AB253 hue: 0.38 , saturation: 0.62 and the lightness value of 2ab253 is 0.43.

#2ab253
(42 , 178 , 83)
  • R (42)
  • G (178)
  • B (83)
  • C (53.33)
  • M (0)
  • Y (37.25)
  • K (30.2)

Applying the #2ab253

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

#25ad4e
#20a849
#1ba344
#169e3f
#11993a
#0c9435
#078f30
#028a2b
#008526
#008021
#007b1c
#007617
#36be5f
#42ca6b
#4ed677
#5ae283
#66ee8f
#72fa9b
#7effa7
#8affb3
#96ffbf
#a2ffcb
#aeffd7
#baffe3

Color spaces of #2ab253

Type Values
RGB 42 178 83
HSL 0.38 0.62 0.43
HSV 138 76 70
CMYK 53.33 0 37.25 30.2
XYZ 18.4366 32.9576 13.5734
Hunter Lab 57.4087 -43.1402 26.1721
CIE-Lab 64.1265 -55.9383 38.2399

Base Numbers

BaseRedGreenBlue
Decimal 42 178 83
Binary 101010 10110010 1010011
Octal 52 262 123
Hex 2A B2 53

Monochromatic Colors

#43cb6c
#5ce485
#75fd9e
#8effb7
#a7ffd0
#c0ffe9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2ab253 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2AB253 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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