#70E438 Information

#70E438 color RGB value is (112 , 228 , 56) , HEX triplet: 70, e4 and 38. RGB value is (112 , 228 , 56). Sum of RGB (Red+Green+Blue) = 112+228+56=396 (Red value is 112 (43.92% from 255 or 52.09% from 215); Green value is 228 (89.41% from 255 or 106.05% from 215); Blue value is 56 (21.96% from 255 or 26.05% from 215); Max value from RGB is 228 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #70E438 hue: 0.28 , saturation: 0.76 and the lightness value of 70e438 is 0.56.

#70e438
(112 , 228 , 56)
  • R (112)
  • G (228)
  • B (56)
  • C (45.49)
  • M (0)
  • Y (67.45)
  • K (10.59)

Applying the #70e438

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

#6bdf33
#66da2e
#61d529
#5cd024
#57cb1f
#52c61a
#4dc115
#48bc10
#43b70b
#3eb206
#39ad01
#34a800
#7cf044
#88fc50
#94ff5c
#a0ff68
#acff74
#b8ff80
#c4ff8c
#d0ff98
#dcffa4
#e8ffb0
#f4ffbc
#ffffc8

Color spaces of #70e438

Type Values
RGB 112 228 56
HSL 0.28 0.76 0.56
HSV 100 75 89
CMYK 45.49 0 67.45 10.59
XYZ 35.1393 59.2171 13.3194
Hunter Lab 76.9526 -53.1572 43.607
CIE-Lab 81.4108 -61.0169 68.6674

Base Numbers

BaseRedGreenBlue
Decimal 112 228 56
Binary 1110000 11100100 111000
Octal 160 344 70
Hex 70 E4 38

Monochromatic Colors

#89fd51
#a2ff6a
#bbff83
#d4ff9c
#edffb5
#ffffce

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#70e438 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#70E438 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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