#3F96AB Information

#3F96AB color RGB value is (63 , 150 , 171) , HEX triplet: 3f, 96 and ab. RGB value is (63 , 150 , 171). Sum of RGB (Red+Green+Blue) = 63+150+171=384 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 150 (58.82% from 255 or 69.77% 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 #3F96AB hue: 0.53 , saturation: 0.46 and the lightness value of 3f96ab is 0.46.

#3f96ab
(63 , 150 , 171)
  • R (63)
  • G (150)
  • B (171)
  • C (42.35)
  • M (8.24)
  • Y (0)
  • K (32.94)

Applying the #3f96ab

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

#3a91a6
#358ca1
#30879c
#2b8297
#267d92
#21788d
#1c7388
#176e83
#12697e
#0d6479
#085f74
#035a6f
#4ba2b7
#57aec3
#63bacf
#6fc6db
#7bd2e7
#87def3
#93eaff
#9ff6ff
#abffff
#b7ffff
#c3ffff
#cfffff

Color spaces of #3f96ab

Type Values
RGB 63 150 171
HSL 0.53 0.46 0.46
HSV 192 63 67
CMYK 42.35 8.24 0 32.94
XYZ 20.3069 25.8097 42.4396
Hunter Lab 50.8033 -17.556 -13.9494
CIE-Lab 57.856 -19.4361 -18.7565

Base Numbers

BaseRedGreenBlue
Decimal 63 150 171
Binary 111111 10010110 10101011
Octal 77 226 253
Hex 3F 96 AB

Monochromatic Colors

#58afc4
#71c8dd
#8ae1f6
#a3faff
#bcffff
#d5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f96ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F96AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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