#74B892 Information

#74B892 color RGB value is (116 , 184 , 146) , HEX triplet: 74, b8 and 92. RGB value is (116 , 184 , 146). Sum of RGB (Red+Green+Blue) = 116+184+146=446 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 184 (72.16% from 255 or 85.58% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 184 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #74B892 hue: 0.41 , saturation: 0.32 and the lightness value of 74b892 is 0.59.

#74b892
(116 , 184 , 146)
  • R (116)
  • G (184)
  • B (146)
  • C (26.67)
  • M (0)
  • Y (14.9)
  • K (27.84)

Applying the #74b892

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

#6fb38d
#6aae88
#65a983
#60a47e
#5b9f79
#569a74
#51956f
#4c906a
#478b65
#428660
#3d815b
#387c56
#80c49e
#8cd0aa
#98dcb6
#a4e8c2
#b0f4ce
#bcffda
#c8ffe6
#d4fff2
#e0fffe
#ecffff
#f8ffff
#ffffff

Color spaces of #74b892

Type Values
RGB 116 184 146
HSL 0.41 0.32 0.59
HSV 146 37 72
CMYK 26.67 0 14.9 27.84
XYZ 29.5313 40.0693 33.3718
Hunter Lab 63.3003 -27.5003 13.0631
CIE-Lab 69.5189 -29.9657 12.6008

Base Numbers

BaseRedGreenBlue
Decimal 116 184 146
Binary 1110100 10111000 10010010
Octal 164 270 222
Hex 74 B8 92

Monochromatic Colors

#8dd1ab
#a6eac4
#bfffdd
#d8fff6
#f1ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#74b892 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#74B892 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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