#74A692 Information

#74A692 color RGB value is (116 , 166 , 146) , HEX triplet: 74, a6 and 92. RGB value is (116 , 166 , 146). Sum of RGB (Red+Green+Blue) = 116+166+146=428 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 166 (65.1% from 255 or 77.21% from 215); Blue value is 146 (57.25% from 255 or 67.91% from 215); Max value from RGB is 166 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #74A692 hue: 0.43 , saturation: 0.22 and the lightness value of 74a692 is 0.55.

#74a692
(116 , 166 , 146)
  • R (116)
  • G (166)
  • B (146)
  • C (19.61)
  • M (0)
  • Y (7.84)
  • K (34.9)

Applying the #74a692

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

#6fa18d
#6a9c88
#659783
#60927e
#5b8d79
#568874
#51836f
#4c7e6a
#477965
#427460
#3d6f5b
#386a56
#80b29e
#8cbeaa
#98cab6
#a4d6c2
#b0e2ce
#bceeda
#c8fae6
#d4fff2
#e0fffe
#ecffff
#f8ffff
#ffffff

Color spaces of #74a692

Type Values
RGB 116 166 146
HSL 0.43 0.22 0.55
HSV 156 30 65
CMYK 19.61 0 7.84 34.9
XYZ 26.027 33.0608 32.2037
Hunter Lab 57.4985 -19.8231 7.0531
CIE-Lab 64.2101 -21.0459 5.0397

Base Numbers

BaseRedGreenBlue
Decimal 116 166 146
Binary 1110100 10100110 10010010
Octal 164 246 222
Hex 74 A6 92

Monochromatic Colors

#8dbfab
#a6d8c4
#bff1dd
#d8fff6
#f1ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#74a692 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#74A692 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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