#3F3759 Information

#3F3759 color RGB value is (63 , 55 , 89) , HEX triplet: 3f, 37 and 59. RGB value is (63 , 55 , 89). Sum of RGB (Red+Green+Blue) = 63+55+89=207 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 55 (21.57% from 255 or 25.58% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 89 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3F3759 hue: 0.71 , saturation: 0.24 and the lightness value of 3f3759 is 0.28.

#3f3759
(63 , 55 , 89)
  • R (63)
  • G (55)
  • B (89)
  • C (10.2)
  • M (13.33)
  • Y (0)
  • K (65.1)

Applying the #3f3759

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

#3a3254
#352d4f
#30284a
#2b2345
#261e40
#21193b
#1c1436
#170f31
#120a2c
#0d0527
#080022
#03001d
#4b4365
#574f71
#635b7d
#6f6789
#7b7395
#877fa1
#938bad
#9f97b9
#aba3c5
#b7afd1
#c3bbdd
#cfc7e9

Color spaces of #3f3759

Type Values
RGB 63 55 89
HSL 0.71 0.24 0.28
HSV 254 38 35
CMYK 10.2 13.33 0 65.1
XYZ 5.2193 4.5104 10.0467
Hunter Lab 21.2377 6.7012 -13.1713
CIE-Lab 25.2917 12.065 -19.1829

Base Numbers

BaseRedGreenBlue
Decimal 63 55 89
Binary 111111 110111 1011001
Octal 77 67 131
Hex 3F 37 59

Monochromatic Colors

#585072
#71698b
#8a82a4
#a39bbd
#bcb4d6
#d5cdef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f3759 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F3759 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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