#30C840 Information

#30C840 color RGB value is (48 , 200 , 64) , HEX triplet: 30, c8 and 40. RGB value is (48 , 200 , 64). Sum of RGB (Red+Green+Blue) = 48+200+64=312 (Red value is 48 (18.82% from 255 or 22.33% from 215); Green value is 200 (78.43% from 255 or 93.02% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 200 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #30C840 hue: 0.35 , saturation: 0.61 and the lightness value of 30c840 is 0.49.

#30c840
(48 , 200 , 64)
  • R (48)
  • G (200)
  • B (64)
  • C (59.61)
  • M (0)
  • Y (53.33)
  • K (21.57)

Applying the #30c840

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

#2bc33b
#26be36
#21b931
#1cb42c
#17af27
#12aa22
#0da51d
#08a018
#039b13
#00960e
#009109
#008c04
#3cd44c
#48e058
#54ec64
#60f870
#6cff7c
#78ff88
#84ff94
#90ffa0
#9cffac
#a8ffb8
#b4ffc4
#c0ffd0

Color spaces of #30c840

Type Values
RGB 48 200 64
HSL 0.35 0.61 0.49
HSV 126 76 78
CMYK 59.61 0 53.33 21.57
XYZ 22.7986 42.3071 11.815
Hunter Lab 65.0439 -51.2601 34.7638
CIE-Lab 71.0821 -64.6883 54.7477

Base Numbers

BaseRedGreenBlue
Decimal 48 200 64
Binary 110000 11001000 1000000
Octal 60 310 100
Hex 30 C8 40

Monochromatic Colors

#49e159
#62fa72
#7bff8b
#94ffa4
#adffbd
#c6ffd6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#30c840 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#30C840 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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