#3F70AB Information

#3F70AB color RGB value is (63 , 112 , 171) , HEX triplet: 3f, 70 and ab. RGB value is (63 , 112 , 171). Sum of RGB (Red+Green+Blue) = 63+112+171=346 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 112 (43.92% from 255 or 52.09% 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 #3F70AB hue: 0.59 , saturation: 0.46 and the lightness value of 3f70ab is 0.46.

#3f70ab
(63 , 112 , 171)
  • R (63)
  • G (112)
  • B (171)
  • C (42.35)
  • M (23.14)
  • Y (0)
  • K (32.94)

Applying the #3f70ab

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

#3a6ba6
#3566a1
#30619c
#2b5c97
#265792
#21528d
#1c4d88
#174883
#12437e
#0d3e79
#083974
#03346f
#4b7cb7
#5788c3
#6394cf
#6fa0db
#7bace7
#87b8f3
#93c4ff
#9fd0ff
#abdcff
#b7e8ff
#c3f4ff
#cfffff

Color spaces of #3f70ab

Type Values
RGB 63 112 171
HSL 0.59 0.46 0.46
HSV 213 63 67
CMYK 42.35 23.14 0 32.94
XYZ 15.1948 15.5854 40.7355
Hunter Lab 39.4783 -0.3842 -33.5213
CIE-Lab 46.4257 2.2893 -36.4817

Base Numbers

BaseRedGreenBlue
Decimal 63 112 171
Binary 111111 1110000 10101011
Octal 77 160 253
Hex 3F 70 AB

Monochromatic Colors

#5889c4
#71a2dd
#8abbf6
#a3d4ff
#bcedff
#d5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f70ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F70AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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