#3F6C85 Information

#3F6C85 color RGB value is (63 , 108 , 133) , HEX triplet: 3f, 6c and 85. RGB value is (63 , 108 , 133). Sum of RGB (Red+Green+Blue) = 63+108+133=304 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 133 (52.16% from 255 or 61.86% from 215); Max value from RGB is 133 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3F6C85 hue: 0.56 , saturation: 0.36 and the lightness value of 3f6c85 is 0.38.

#3f6c85
(63 , 108 , 133)
  • R (63)
  • G (108)
  • B (133)
  • C (27.45)
  • M (9.8)
  • Y (0)
  • K (47.84)

Applying the #3f6c85

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

#3a6780
#35627b
#305d76
#2b5871
#26536c
#214e67
#1c4962
#17445d
#123f58
#0d3a53
#08354e
#033049
#4b7891
#57849d
#6390a9
#6f9cb5
#7ba8c1
#87b4cd
#93c0d9
#9fcce5
#abd8f1
#b7e4fd
#c3f0ff
#cffcff

Color spaces of #3f6c85

Type Values
RGB 63 108 133
HSL 0.56 0.36 0.38
HSV 201 53 52
CMYK 27.45 9.8 0 47.84
XYZ 11.6461 13.4753 24.1775
Hunter Lab 36.7088 -7.6099 -13.3402
CIE-Lab 43.4709 -7.9978 -18.574

Base Numbers

BaseRedGreenBlue
Decimal 63 108 133
Binary 111111 1101100 10000101
Octal 77 154 205
Hex 3F 6C 85

Monochromatic Colors

#58859e
#719eb7
#8ab7d0
#a3d0e9
#bce9ff
#d5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f6c85 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F6C85 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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