#0C590C Information

#0C590C color RGB value is (12 , 89 , 12) , HEX triplet: c, 59 and c. RGB value is (12 , 89 , 12). Sum of RGB (Red+Green+Blue) = 12+89+12=113 (Red value is 12 (4.71% from 255 or 5.58% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 12 (4.71% from 255 or 5.58% from 215); Max value from RGB is 89 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #0C590C hue: 0.33 , saturation: 0.76 and the lightness value of 0c590c is 0.2.

#0c590c
(12 , 89 , 12)
  • R (12)
  • G (89)
  • B (12)
  • C (30.2)
  • M (0)
  • Y (30.2)
  • K (65.1)

Applying the #0c590c

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

#075407
#024f02
#004a00
#004500
#004000
#003b00
#003600
#003100
#002c00
#002700
#002200
#001d00
#186518
#247124
#307d30
#3c893c
#489548
#54a154
#60ad60
#6cb96c
#78c578
#84d184
#90dd90
#9ce99c

Color spaces of #0c590c

Type Values
RGB 12 89 12
HSL 0.33 0.76 0.2
HSV 120 87 35
CMYK 30.2 0 30.2 65.1
XYZ 3.7904 7.2495 1.5473
Hunter Lab 26.9248 -21.9898 15.4408
CIE-Lab 32.3682 -37.6589 34.9496

Base Numbers

BaseRedGreenBlue
Decimal 12 89 12
Binary 1100 1011001 1100
Octal 14 131 14
Hex C 59 C

Monochromatic Colors

#257225
#3e8b3e
#57a457
#70bd70
#89d689
#a2efa2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#0c590c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#0C590C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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