#7AB6D5 Information

#7AB6D5 color RGB value is (122 , 182 , 213) , HEX triplet: 7a, b6 and d5. RGB value is (122 , 182 , 213). Sum of RGB (Red+Green+Blue) = 122+182+213=517 (Red value is 122 (47.84% from 255 or 56.74% from 215); Green value is 182 (71.37% from 255 or 84.65% from 215); Blue value is 213 (83.53% from 255 or 99.07% from 215); Max value from RGB is 213 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7AB6D5 hue: 0.56 , saturation: 0.52 and the lightness value of 7ab6d5 is 0.66.

#7ab6d5
(122 , 182 , 213)
  • R (122)
  • G (182)
  • B (213)
  • C (35.69)
  • M (12.16)
  • Y (0)
  • K (16.47)

Applying the #7ab6d5

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

#75b1d0
#70accb
#6ba7c6
#66a2c1
#619dbc
#5c98b7
#5793b2
#528ead
#4d89a8
#4884a3
#437f9e
#3e7a99
#86c2e1
#92ceed
#9edaf9
#aae6ff
#b6f2ff
#c2feff
#ceffff
#daffff
#e6ffff
#f2ffff
#feffff
#ffffff

Color spaces of #7ab6d5

Type Values
RGB 122 182 213
HSL 0.56 0.52 0.66
HSV 200 43 84
CMYK 35.69 12.16 0 16.47
XYZ 36.7642 42.3976 69.1967
Hunter Lab 65.1134 -13.1637 -17.4065
CIE-Lab 71.1442 -11.3159 -21.7026

Base Numbers

BaseRedGreenBlue
Decimal 122 182 213
Binary 1111010 10110110 11010101
Octal 172 266 325
Hex 7A B6 D5

Monochromatic Colors

#93cfee
#ace8ff
#c5ffff
#deffff
#f7ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7ab6d5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7AB6D5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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