#2FB971 Information

#2FB971 color RGB value is (47 , 185 , 113) , HEX triplet: 2f, b9 and 71. RGB value is (47 , 185 , 113). Sum of RGB (Red+Green+Blue) = 47+185+113=345 (Red value is 47 (18.43% from 255 or 21.86% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #2FB971 hue: 0.41 , saturation: 0.59 and the lightness value of 2fb971 is 0.45.

#2fb971
(47 , 185 , 113)
  • R (47)
  • G (185)
  • B (113)
  • C (54.12)
  • M (0)
  • Y (28.24)
  • K (27.45)

Applying the #2fb971

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

#2ab46c
#25af67
#20aa62
#1ba55d
#16a058
#119b53
#0c964e
#079149
#028c44
#00873f
#00823a
#007d35
#3bc57d
#47d189
#53dd95
#5fe9a1
#6bf5ad
#77ffb9
#83ffc5
#8fffd1
#9bffdd
#a7ffe9
#b3fff5
#bfffff

Color spaces of #2fb971

Type Values
RGB 47 185 113
HSL 0.41 0.59 0.45
HSV 149 75 73
CMYK 54.12 0 28.24 27.45
XYZ 21.5019 36.4945 21.5337
Hunter Lab 60.4107 -42.1851 21.1601
CIE-Lab 66.8961 -52.6501 26.4001

Base Numbers

BaseRedGreenBlue
Decimal 47 185 113
Binary 101111 10111001 1110001
Octal 57 271 161
Hex 2F B9 71

Monochromatic Colors

#48d28a
#61eba3
#7affbc
#93ffd5
#acffee
#c5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2fb971 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2FB971 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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