#828E91 Information

#828E91 color RGB value is (130 , 142 , 145) , HEX triplet: 82, 8e and 91. RGB value is (130 , 142 , 145). Sum of RGB (Red+Green+Blue) = 130+142+145=417 (Red value is 130 (50.98% from 255 or 60.47% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 145 (56.86% from 255 or 67.44% from 215); Max value from RGB is 145 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #828E91 hue: 0.53 , saturation: 0.06 and the lightness value of 828e91 is 0.54.

#828e91
(130 , 142 , 145)
  • R (130)
  • G (142)
  • B (145)
  • C (5.88)
  • M (1.18)
  • Y (0)
  • K (43.14)

Applying the #828e91

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

#7d898c
#788487
#737f82
#6e7a7d
#697578
#647073
#5f6b6e
#5a6669
#556164
#505c5f
#4b575a
#465255
#8e9a9d
#9aa6a9
#a6b2b5
#b2bec1
#becacd
#cad6d9
#d6e2e5
#e2eef1
#eefafd
#faffff
#ffffff

Color spaces of #828e91

Type Values
RGB 130 142 145
HSL 0.53 0.06 0.54
HSV 192 10 57
CMYK 5.88 1.18 0 43.14
XYZ 23.9898 26.1362 30.5685
Hunter Lab 51.1235 -5.7047 0.3473
CIE-Lab 58.1661 -3.6968 -3.0862

Base Numbers

BaseRedGreenBlue
Decimal 130 142 145
Binary 10000010 10001110 10010001
Octal 202 216 221
Hex 82 8E 91

Monochromatic Colors

#9ba7aa
#b4c0c3
#cdd9dc
#e6f2f5
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#828e91 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#828E91 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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