#228B22 Information

#228B22 color RGB value is (34 , 139 , 34) , HEX triplet: 22, 8b and 22. RGB value is (34 , 139 , 34). Sum of RGB (Red+Green+Blue) = 34+139+34=207 (Red value is 34 (13.33% from 255 or 15.81% from 215); Green value is 139 (54.51% from 255 or 64.65% from 215); Blue value is 34 (13.33% from 255 or 15.81% from 215); Max value from RGB is 139 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #228B22 hue: 0.33 , saturation: 0.61 and the lightness value of 228b22 is 0.34.

#228b22
(34 , 139 , 34)
  • R (34)
  • G (139)
  • B (34)
  • C (41.18)
  • M (0)
  • Y (41.18)
  • K (45.49)

Applying the #228b22

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

#1d861d
#188118
#137c13
#0e770e
#097209
#046d04
#006800
#006300
#005e00
#005900
#005400
#004f00
#2e972e
#3aa33a
#46af46
#52bb52
#5ec75e
#6ad36a
#76df76
#82eb82
#8ef78e
#9aff9a
#a6ffa6
#b2ffb2

Color spaces of #228b22

Type Values
RGB 34 139 34
HSL 0.33 0.61 0.34
HSV 120 76 55
CMYK 41.18 0 41.18 45.49
XYZ 10.181 18.9208 4.6289
Hunter Lab 43.4981 -34.3421 24.1408
CIE-Lab 50.5944 -49.5864 45.016

Base Numbers

BaseRedGreenBlue
Decimal 34 139 34
Binary 100010 10001011 100010
Octal 42 213 42
Hex 22 8B 22

Monochromatic Colors

#3ba43b
#54bd54
#6dd66d
#86ef86
#9fff9f
#b8ffb8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#228b22 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#228B22 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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

Download #228B22 as image

Wide 16:10 960 x 600 1152 x 720 1280 x 800 1440 x 900 1680 x 1050 1920 x 1200 2560 x 1600 2880 x 1800 3840 x 2400
Wide 5:3 800 x 480 1280 x 768
UltraWide 21:9 2560 x 1080 3440 x 1440
UltraWide 24:10 3840 x 1600
HD 16:9 960 x 540 1024 x 576 1280 x 720 1366 x 768 1600 x 900 1920 x 1080 2048 x 1152 2400 x 1350 2560 x 1440 2880 x 1620 3554 x 1999
Wide 5:3 800 x 480 1280 x 768
UHD 16:9 3840 x 2160
Standard 4:3 800 x 600 1024 x 768 1152 x 864 1280 x 960 1400 x 1050 1440 x 1080 1600 x 1200 1680 x 1260 1920 x 1440 2048 x 1536 2560 x 1920 2800 x 2100 3200 x 2400
Smartphone 16:9 540 x 960 720 x 1280 1080 x 1920 1440 x 2560
Mobile VGA 4:3 320 x 240 640 x 480 800 x 600
Mobile WVGA 5:3 240 x 400 480 x 800 400 x 240 800 x 480
Mobile WXGA 16:9 272 x 480 360 x 640 480 x 854 480 x 272 640 x 360 854 x 480