#527B6D Information

#527B6D color RGB value is (82 , 123 , 109) , HEX triplet: 52, 7b and 6d. RGB value is (82 , 123 , 109). Sum of RGB (Red+Green+Blue) = 82+123+109=314 (Red value is 82 (32.16% from 255 or 38.14% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 123 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #527B6D hue: 0.44 , saturation: 0.2 and the lightness value of 527b6d is 0.4.

#527b6d
(82 , 123 , 109)
  • R (82)
  • G (123)
  • B (109)
  • C (16.08)
  • M (0)
  • Y (5.49)
  • K (51.76)

Applying the #527b6d

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

#4d7668
#487163
#436c5e
#3e6759
#396254
#345d4f
#2f584a
#2a5345
#254e40
#20493b
#1b4436
#163f31
#5e8779
#6a9385
#769f91
#82ab9d
#8eb7a9
#9ac3b5
#a6cfc1
#b2dbcd
#bee7d9
#caf3e5
#d6fff1
#e2fffd

Color spaces of #527b6d

Type Values
RGB 82 123 109
HSL 0.44 0.2 0.4
HSV 160 33 48
CMYK 16.08 0 5.49 51.76
XYZ 13.323 17.0639 17.0595
Hunter Lab 41.3085 -14.7191 4.4388
CIE-Lab 48.3404 -17.5983 3.112

Base Numbers

BaseRedGreenBlue
Decimal 82 123 109
Binary 1010010 1111011 1101101
Octal 122 173 155
Hex 52 7B 6D

Monochromatic Colors

#6b9486
#84ad9f
#9dc6b8
#b6dfd1
#cff8ea
#e8ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#527b6d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#527B6D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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