#3C118B Information

#3C118B color RGB value is (60 , 17 , 139) , HEX triplet: 3c, 11 and 8b. RGB value is (60 , 17 , 139). Sum of RGB (Red+Green+Blue) = 60+17+139=216 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 17 (6.67% from 255 or 7.91% from 215); Blue value is 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 139 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3C118B hue: 0.73 , saturation: 0.78 and the lightness value of 3c118b is 0.31.

#3c118b
(60 , 17 , 139)
  • R (60)
  • G (17)
  • B (139)
  • C (30.98)
  • M (47.84)
  • Y (0)
  • K (45.49)

Applying the #3c118b

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

#370c86
#320781
#2d027c
#280077
#230072
#1e006d
#190068
#140063
#0f005e
#0a0059
#050054
#00004f
#481d97
#5429a3
#6035af
#6c41bb
#784dc7
#8459d3
#9065df
#9c71eb
#a87df7
#b489ff
#c095ff
#cca1ff

Color spaces of #3c118b

Type Values
RGB 60 17 139
HSL 0.73 0.78 0.31
HSV 261 88 55
CMYK 30.98 47.84 0 45.49
XYZ 6.7241 3.2256 24.6943
Hunter Lab 17.9601 35.3991 -68.9193
CIE-Lab 20.9258 47.6301 -58.3018

Base Numbers

BaseRedGreenBlue
Decimal 60 17 139
Binary 111100 10001 10001011
Octal 74 21 213
Hex 3C 11 8B

Monochromatic Colors

#552aa4
#6e43bd
#875cd6
#a075ef
#b98eff
#d2a7ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3c118b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3C118B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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