#553B6C Information

#553B6C color RGB value is (85 , 59 , 108) , HEX triplet: 55, 3b and 6c. RGB value is (85 , 59 , 108). Sum of RGB (Red+Green+Blue) = 85+59+108=252 (Red value is 85 (33.33% from 255 or 39.53% from 215); Green value is 59 (23.14% from 255 or 27.44% from 215); Blue value is 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 108 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #553B6C hue: 0.76 , saturation: 0.29 and the lightness value of 553b6c is 0.33.

#553b6c
(85 , 59 , 108)
  • R (85)
  • G (59)
  • B (108)
  • C (9.02)
  • M (19.22)
  • Y (0)
  • K (57.65)

Applying the #553b6c

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

#503667
#4b3162
#462c5d
#412758
#3c2253
#371d4e
#321849
#2d1344
#280e3f
#23093a
#1e0435
#190030
#614778
#6d5384
#795f90
#856b9c
#9177a8
#9d83b4
#a98fc0
#b59bcc
#c1a7d8
#cdb3e4
#d9bff0
#e5cbfc

Color spaces of #553b6c

Type Values
RGB 85 59 108
HSL 0.76 0.29 0.33
HSV 272 45 42
CMYK 9.02 19.22 0 57.65
XYZ 8.0171 6.1419 14.9503
Hunter Lab 24.7829 14.3731 -18.4059
CIE-Lab 29.7678 22.0033 -24.2696

Base Numbers

BaseRedGreenBlue
Decimal 85 59 108
Binary 1010101 111011 1101100
Octal 125 73 154
Hex 55 3B 6C

Monochromatic Colors

#6e5485
#876d9e
#a086b7
#b99fd0
#d2b8e9
#ebd1ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#553b6c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#553B6C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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