#538C9C Information

#538C9C color RGB value is (83 , 140 , 156) , HEX triplet: 53, 8c and 9c. RGB value is (83 , 140 , 156). Sum of RGB (Red+Green+Blue) = 83+140+156=379 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 140 (54.9% from 255 or 65.12% from 215); Blue value is 156 (61.18% from 255 or 72.56% from 215); Max value from RGB is 156 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #538C9C hue: 0.54 , saturation: 0.31 and the lightness value of 538c9c is 0.47.

#538c9c
(83 , 140 , 156)
  • R (83)
  • G (140)
  • B (156)
  • C (28.63)
  • M (6.27)
  • Y (0)
  • K (38.82)

Applying the #538c9c

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

#4e8797
#498292
#447d8d
#3f7888
#3a7383
#356e7e
#306979
#2b6474
#265f6f
#215a6a
#1c5565
#175060
#5f98a8
#6ba4b4
#77b0c0
#83bccc
#8fc8d8
#9bd4e4
#a7e0f0
#b3ecfc
#bff8ff
#cbffff
#d7ffff
#e3ffff

Color spaces of #538c9c

Type Values
RGB 83 140 156
HSL 0.54 0.31 0.47
HSV 193 47 61
CMYK 28.63 6.27 0 38.82
XYZ 18.9461 22.9955 34.8925
Hunter Lab 47.9536 -13.3945 -9.5586
CIE-Lab 55.0677 -14.2492 -14.3329

Base Numbers

BaseRedGreenBlue
Decimal 83 140 156
Binary 1010011 10001100 10011100
Octal 123 214 234
Hex 53 8C 9C

Monochromatic Colors

#6ca5b5
#85bece
#9ed7e7
#b7f0ff
#d0ffff
#e9ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#538c9c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#538C9C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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