#538321 Information

#538321 color RGB value is (83 , 131 , 33) , HEX triplet: 53, 83 and 21. RGB value is (83 , 131 , 33). Sum of RGB (Red+Green+Blue) = 83+131+33=247 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 131 (51.37% from 255 or 60.93% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 131 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #538321 hue: 0.25 , saturation: 0.6 and the lightness value of 538321 is 0.32.

#538321
(83 , 131 , 33)
  • R (83)
  • G (131)
  • B (33)
  • C (18.82)
  • M (0)
  • Y (38.43)
  • K (48.63)

Applying the #538321

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

#4e7e1c
#497917
#447412
#3f6f0d
#3a6a08
#356503
#306000
#2b5b00
#265600
#215100
#1c4c00
#174700
#5f8f2d
#6b9b39
#77a745
#83b351
#8fbf5d
#9bcb69
#a7d775
#b3e381
#bfef8d
#cbfb99
#d7ffa5
#e3ffb1

Color spaces of #538321

Type Values
RGB 83 131 33
HSL 0.25 0.6 0.32
HSV 89 75 51
CMYK 18.82 0 38.43 48.63
XYZ 11.9581 18.1814 4.3179
Hunter Lab 42.6397 -24.5596 23.8452
CIE-Lab 49.7154 -32.7156 45.0996

Base Numbers

BaseRedGreenBlue
Decimal 83 131 33
Binary 1010011 10000011 100001
Octal 123 203 41
Hex 53 83 21

Monochromatic Colors

#6c9c3a
#85b553
#9ece6c
#b7e785
#d0ff9e
#e9ffb7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#538321 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#538321 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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