#74C491 Information

#74C491 color RGB value is (116 , 196 , 145) , HEX triplet: 74, c4 and 91. RGB value is (116 , 196 , 145). Sum of RGB (Red+Green+Blue) = 116+196+145=457 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 196 (76.86% from 255 or 91.16% from 215); Blue value is 145 (56.86% from 255 or 67.44% from 215); Max value from RGB is 196 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #74C491 hue: 0.39 , saturation: 0.4 and the lightness value of 74c491 is 0.61.

#74c491
(116 , 196 , 145)
  • R (116)
  • G (196)
  • B (145)
  • C (31.37)
  • M (0)
  • Y (20)
  • K (23.14)

Applying the #74c491

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

#6fbf8c
#6aba87
#65b582
#60b07d
#5bab78
#56a673
#51a16e
#4c9c69
#479764
#42925f
#3d8d5a
#388855
#80d09d
#8cdca9
#98e8b5
#a4f4c1
#b0ffcd
#bcffd9
#c8ffe5
#d4fff1
#e0fffd
#ecffff
#f8ffff
#ffffff

Color spaces of #74c491

Type Values
RGB 116 196 145
HSL 0.39 0.4 0.61
HSV 142 41 77
CMYK 31.37 0 20 23.14
XYZ 32.0532 45.2372 33.8303
Hunter Lab 67.2586 -32.6349 17.2687
CIE-Lab 73.0478 -35.7985 18.0704

Base Numbers

BaseRedGreenBlue
Decimal 116 196 145
Binary 1110100 11000100 10010001
Octal 164 304 221
Hex 74 C4 91

Monochromatic Colors

#8dddaa
#a6f6c3
#bfffdc
#d8fff5
#f1ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#74c491 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#74C491 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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