#3D55AB Information

#3D55AB color RGB value is (61 , 85 , 171) , HEX triplet: 3d, 55 and ab. RGB value is (61 , 85 , 171). Sum of RGB (Red+Green+Blue) = 61+85+171=317 (Red value is 61 (23.92% from 255 or 28.37% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3D55AB hue: 0.63 , saturation: 0.47 and the lightness value of 3d55ab is 0.45.

#3d55ab
(61 , 85 , 171)
  • R (61)
  • G (85)
  • B (171)
  • C (43.14)
  • M (33.73)
  • Y (0)
  • K (32.94)

Applying the #3d55ab

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

#3850a6
#334ba1
#2e469c
#294197
#243c92
#1f378d
#1a3288
#152d83
#10287e
#0b2379
#061e74
#01196f
#4961b7
#556dc3
#6179cf
#6d85db
#7991e7
#859df3
#91a9ff
#9db5ff
#a9c1ff
#b5cdff
#c1d9ff
#cde5ff

Color spaces of #3d55ab

Type Values
RGB 61 85 171
HSL 0.63 0.47 0.45
HSV 227 64 67
CMYK 43.14 33.73 0 32.94
XYZ 12.5237 10.4294 39.8811
Hunter Lab 32.2945 12.706 -50.5855
CIE-Lab 38.6023 19.0749 -48.9557

Base Numbers

BaseRedGreenBlue
Decimal 61 85 171
Binary 111101 1010101 10101011
Octal 75 125 253
Hex 3D 55 AB

Monochromatic Colors

#566ec4
#6f87dd
#88a0f6
#a1b9ff
#bad2ff
#d3ebff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3d55ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3D55AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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