#7B89CC Information

#7B89CC color RGB value is (123 , 137 , 204) , HEX triplet: 7b, 89 and cc. RGB value is (123 , 137 , 204). Sum of RGB (Red+Green+Blue) = 123+137+204=464 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 137 (53.73% from 255 or 63.72% from 215); Blue value is 204 (80% from 255 or 94.88% from 215); Max value from RGB is 204 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7B89CC hue: 0.64 , saturation: 0.44 and the lightness value of 7b89cc is 0.64.

#7b89cc
(123 , 137 , 204)
  • R (123)
  • G (137)
  • B (204)
  • C (31.76)
  • M (26.27)
  • Y (0)
  • K (20)

Applying the #7b89cc

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

#7684c7
#717fc2
#6c7abd
#6775b8
#6270b3
#5d6bae
#5866a9
#5361a4
#4e5c9f
#49579a
#445295
#3f4d90
#8795d8
#93a1e4
#9fadf0
#abb9fc
#b7c5ff
#c3d1ff
#cfddff
#dbe9ff
#e7f5ff
#f3ffff
#ffffff

Color spaces of #7b89cc

Type Values
RGB 123 137 204
HSL 0.64 0.44 0.64
HSV 230 40 80
CMYK 31.76 26.27 0 20
XYZ 28.0131 26.4619 60.7579
Hunter Lab 51.4411 7.1834 -33.9946
CIE-Lab 58.4729 11.7407 -36.2545

Base Numbers

BaseRedGreenBlue
Decimal 123 137 204
Binary 1111011 10001001 11001100
Octal 173 211 314
Hex 7B 89 CC

Monochromatic Colors

#94a2e5
#adbbfe
#c6d4ff
#dfedff
#f8ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b89cc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B89CC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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