#3F6985 Information

#3F6985 color RGB value is (63 , 105 , 133) , HEX triplet: 3f, 69 and 85. RGB value is (63 , 105 , 133). Sum of RGB (Red+Green+Blue) = 63+105+133=301 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 105 (41.18% from 255 or 48.84% 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 #3F6985 hue: 0.57 , saturation: 0.36 and the lightness value of 3f6985 is 0.38.

#3f6985
(63 , 105 , 133)
  • R (63)
  • G (105)
  • B (133)
  • C (27.45)
  • M (10.98)
  • Y (0)
  • K (47.84)

Applying the #3f6985

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

#3a6480
#355f7b
#305a76
#2b5571
#26506c
#214b67
#1c4662
#17415d
#123c58
#0d3753
#08324e
#032d49
#4b7591
#57819d
#638da9
#6f99b5
#7ba5c1
#87b1cd
#93bdd9
#9fc9e5
#abd5f1
#b7e1fd
#c3edff
#cff9ff

Color spaces of #3f6985

Type Values
RGB 63 105 133
HSL 0.57 0.36 0.38
HSV 204 53 52
CMYK 27.45 10.98 0 47.84
XYZ 11.3351 12.8534 24.0738
Hunter Lab 35.8516 -6.3042 -14.7022
CIE-Lab 42.5415 -6.2221 -20.0032

Base Numbers

BaseRedGreenBlue
Decimal 63 105 133
Binary 111111 1101001 10000101
Octal 77 151 205
Hex 3F 69 85

Monochromatic Colors

#58829e
#719bb7
#8ab4d0
#a3cde9
#bce6ff
#d5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f6985 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F6985 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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