#308B21 Information

#308B21 color RGB value is (48 , 139 , 33) , HEX triplet: 30, 8b and 21. RGB value is (48 , 139 , 33). Sum of RGB (Red+Green+Blue) = 48+139+33=220 (Red value is 48 (18.82% from 255 or 22.33% from 215); Green value is 139 (54.51% from 255 or 64.65% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 139 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #308B21 hue: 0.31 , saturation: 0.62 and the lightness value of 308b21 is 0.34.

#308b21
(48 , 139 , 33)
  • R (48)
  • G (139)
  • B (33)
  • C (35.69)
  • M (0)
  • Y (41.57)
  • K (45.49)

Applying the #308b21

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

#2b861c
#268117
#217c12
#1c770d
#177208
#126d03
#0d6800
#086300
#035e00
#005900
#005400
#004f00
#3c972d
#48a339
#54af45
#60bb51
#6cc75d
#78d369
#84df75
#90eb81
#9cf78d
#a8ff99
#b4ffa5
#c0ffb1

Color spaces of #308b21

Type Values
RGB 48 139 33
HSL 0.31 0.62 0.34
HSV 112 76 55
CMYK 35.69 0 41.57 45.49
XYZ 10.7261 19.2034 4.5802
Hunter Lab 43.8217 -32.997 24.4798
CIE-Lab 50.9244 -46.8446 45.8305

Base Numbers

BaseRedGreenBlue
Decimal 48 139 33
Binary 110000 10001011 100001
Octal 60 213 41
Hex 30 8B 21

Monochromatic Colors

#49a43a
#62bd53
#7bd66c
#94ef85
#adff9e
#c6ffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#308b21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#308B21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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