#3B4D53 Information

#3B4D53 color RGB value is (59 , 77 , 83) , HEX triplet: 3b, 4d and 53. RGB value is (59 , 77 , 83). Sum of RGB (Red+Green+Blue) = 59+77+83=219 (Red value is 59 (23.14% from 255 or 27.44% from 215); Green value is 77 (30.2% from 255 or 35.81% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 83 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3B4D53 hue: 0.54 , saturation: 0.17 and the lightness value of 3b4d53 is 0.28.

#3b4d53
(59 , 77 , 83)
  • R (59)
  • G (77)
  • B (83)
  • C (9.41)
  • M (2.35)
  • Y (0)
  • K (67.45)

Applying the #3b4d53

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

#36484e
#314349
#2c3e44
#27393f
#22343a
#1d2f35
#182a30
#13252b
#0e2026
#091b21
#04161c
#001117
#47595f
#53656b
#5f7177
#6b7d83
#77898f
#83959b
#8fa1a7
#9badb3
#a7b9bf
#b3c5cb
#bfd1d7
#cbdde3

Color spaces of #3b4d53

Type Values
RGB 59 77 83
HSL 0.54 0.17 0.28
HSV 195 29 33
CMYK 9.41 2.35 0 67.45
XYZ 6.0188 6.8621 9.1909
Hunter Lab 26.1956 -4.829 -2.4581
CIE-Lab 31.4909 -5.4078 -5.8521

Base Numbers

BaseRedGreenBlue
Decimal 59 77 83
Binary 111011 1001101 1010011
Octal 73 115 123
Hex 3B 4D 53

Monochromatic Colors

#54666c
#6d7f85
#86989e
#9fb1b7
#b8cad0
#d1e3e9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3b4d53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3B4D53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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