#7AB9AE Information

#7AB9AE color RGB value is (122 , 185 , 174) , HEX triplet: 7a, b9 and ae. RGB value is (122 , 185 , 174). Sum of RGB (Red+Green+Blue) = 122+185+174=481 (Red value is 122 (47.84% from 255 or 56.74% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 174 (68.24% from 255 or 80.93% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7AB9AE hue: 0.47 , saturation: 0.31 and the lightness value of 7ab9ae is 0.6.

#7ab9ae
(122 , 185 , 174)
  • R (122)
  • G (185)
  • B (174)
  • C (24.71)
  • M (0)
  • Y (4.31)
  • K (27.45)

Applying the #7ab9ae

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

#75b4a9
#70afa4
#6baa9f
#66a59a
#61a095
#5c9b90
#57968b
#529186
#4d8c81
#48877c
#438277
#3e7d72
#86c5ba
#92d1c6
#9eddd2
#aae9de
#b6f5ea
#c2fff6
#ceffff
#daffff
#e6ffff
#f2ffff
#feffff
#ffffff

Color spaces of #7ab9ae

Type Values
RGB 122 185 174
HSL 0.47 0.31 0.6
HSV 170 34 73
CMYK 24.71 0 4.31 27.45
XYZ 33.015 41.8915 46.3902
Hunter Lab 64.7236 -22.2146 2.8255
CIE-Lab 70.796 -22.6461 -0.8455

Base Numbers

BaseRedGreenBlue
Decimal 122 185 174
Binary 1111010 10111001 10101110
Octal 172 271 256
Hex 7A B9 AE

Monochromatic Colors

#93d2c7
#acebe0
#c5fff9
#deffff
#f7ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7ab9ae Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7AB9AE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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