#71E348 Information

#71E348 color RGB value is (113 , 227 , 72) , HEX triplet: 71, e3 and 48. RGB value is (113 , 227 , 72). Sum of RGB (Red+Green+Blue) = 113+227+72=412 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 227 (89.02% from 255 or 105.58% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 227 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #71E348 hue: 0.29 , saturation: 0.73 and the lightness value of 71e348 is 0.59.

#71e348
(113 , 227 , 72)
  • R (113)
  • G (227)
  • B (72)
  • C (44.71)
  • M (0)
  • Y (60.78)
  • K (10.98)

Applying the #71e348

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

#6cde43
#67d93e
#62d439
#5dcf34
#58ca2f
#53c52a
#4ec025
#49bb20
#44b61b
#3fb116
#3aac11
#35a70c
#7def54
#89fb60
#95ff6c
#a1ff78
#adff84
#b9ff90
#c5ff9c
#d1ffa8
#ddffb4
#e9ffc0
#f5ffcc
#ffffd8

Color spaces of #71e348

Type Values
RGB 113 227 72
HSL 0.29 0.73 0.59
HSV 104 68 89
CMYK 44.71 0 60.78 10.98
XYZ 35.4488 58.9168 15.6346
Hunter Lab 76.7573 -51.888 41.6565
CIE-Lab 81.2458 -59.2553 62.9349

Base Numbers

BaseRedGreenBlue
Decimal 113 227 72
Binary 1110001 11100011 1001000
Octal 161 343 110
Hex 71 E3 48

Monochromatic Colors

#8afc61
#a3ff7a
#bcff93
#d5ffac
#eeffc5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#71e348 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#71E348 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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