#3CC350 Information

#3CC350 color RGB value is (60 , 195 , 80) , HEX triplet: 3c, c3 and 50. RGB value is (60 , 195 , 80). Sum of RGB (Red+Green+Blue) = 60+195+80=335 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 195 (76.47% from 255 or 90.7% from 215); Blue value is 80 (31.37% from 255 or 37.21% from 215); Max value from RGB is 195 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #3CC350 hue: 0.36 , saturation: 0.53 and the lightness value of 3cc350 is 0.5.

#3cc350
(60 , 195 , 80)
  • R (60)
  • G (195)
  • B (80)
  • C (52.94)
  • M (0)
  • Y (45.1)
  • K (23.53)

Applying the #3cc350

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

#37be4b
#32b946
#2db441
#28af3c
#23aa37
#1ea532
#19a02d
#149b28
#0f9623
#0a911e
#058c19
#008714
#48cf5c
#54db68
#60e774
#6cf380
#78ff8c
#84ff98
#90ffa4
#9cffb0
#a8ffbc
#b4ffc8
#c0ffd4
#ccffe0

Color spaces of #3cc350

Type Values
RGB 60 195 80
HSL 0.36 0.53 0.5
HSV 129 69 76
CMYK 52.94 0 45.1 23.53
XYZ 22.8266 40.5701 14.2171
Hunter Lab 63.6946 -47.4953 31.356
CIE-Lab 69.8736 -59.3524 46.5935

Base Numbers

BaseRedGreenBlue
Decimal 60 195 80
Binary 111100 11000011 1010000
Octal 74 303 120
Hex 3C C3 50

Monochromatic Colors

#55dc69
#6ef582
#87ff9b
#a0ffb4
#b9ffcd
#d2ffe6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3cc350 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3CC350 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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