#535971 Information

#535971 color RGB value is (83 , 89 , 113) , HEX triplet: 53, 59 and 71. RGB value is (83 , 89 , 113). Sum of RGB (Red+Green+Blue) = 83+89+113=285 (Red value is 83 (32.55% from 255 or 38.6% from 215); Green value is 89 (34.9% from 255 or 41.4% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #535971 hue: 0.63 , saturation: 0.15 and the lightness value of 535971 is 0.38.

#535971
(83 , 89 , 113)
  • R (83)
  • G (89)
  • B (113)
  • C (11.76)
  • M (9.41)
  • Y (0)
  • K (55.69)

Applying the #535971

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

#4e546c
#494f67
#444a62
#3f455d
#3a4058
#353b53
#30364e
#2b3149
#262c44
#21273f
#1c223a
#171d35
#5f657d
#6b7189
#777d95
#8389a1
#8f95ad
#9ba1b9
#a7adc5
#b3b9d1
#bfc5dd
#cbd1e9
#d7ddf5
#e3e9ff

Color spaces of #535971

Type Values
RGB 83 89 113
HSL 0.63 0.15 0.38
HSV 228 27 44
CMYK 11.76 9.41 0 55.69
XYZ 10.1203 10.176 17.0536
Hunter Lab 31.8999 0.8049 -9.3552
CIE-Lab 38.1565 3.5522 -14.4341

Base Numbers

BaseRedGreenBlue
Decimal 83 89 113
Binary 1010011 1011001 1110001
Octal 123 131 161
Hex 53 59 71

Monochromatic Colors

#6c728a
#858ba3
#9ea4bc
#b7bdd5
#d0d6ee
#e9efff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#535971 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#535971 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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