#3B3363 Information

#3B3363 color RGB value is (59 , 51 , 99) , HEX triplet: 3b, 33 and 63. RGB value is (59 , 51 , 99). Sum of RGB (Red+Green+Blue) = 59+51+99=209 (Red value is 59 (23.14% from 255 or 27.44% from 215); Green value is 51 (20% from 255 or 23.72% from 215); Blue value is 99 (38.82% from 255 or 46.05% from 215); Max value from RGB is 99 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3B3363 hue: 0.69 , saturation: 0.32 and the lightness value of 3b3363 is 0.29.

#3b3363
(59 , 51 , 99)
  • R (59)
  • G (51)
  • B (99)
  • C (15.69)
  • M (18.82)
  • Y (0)
  • K (61.18)

Applying the #3b3363

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

#362e5e
#312959
#2c2454
#271f4f
#221a4a
#1d1545
#181040
#130b3b
#0e0636
#090131
#04002c
#000027
#473f6f
#534b7b
#5f5787
#6b6393
#776f9f
#837bab
#8f87b7
#9b93c3
#a79fcf
#b3abdb
#bfb7e7
#cbc3f3

Color spaces of #3b3363

Type Values
RGB 59 51 99
HSL 0.69 0.32 0.29
HSV 250 48 39
CMYK 15.69 18.82 0 61.18
XYZ 5.2396 4.1983 12.3386
Hunter Lab 20.4898 9.7885 -21.3477
CIE-Lab 24.3165 16.515 -27.2716

Base Numbers

BaseRedGreenBlue
Decimal 59 51 99
Binary 111011 110011 1100011
Octal 73 63 143
Hex 3B 33 63

Monochromatic Colors

#544c7c
#6d6595
#867eae
#9f97c7
#b8b0e0
#d1c9f9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3b3363 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3B3363 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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