#3F5702 Information

#3F5702 color RGB value is (63 , 87 , 2) , HEX triplet: 3f, 57 and 2. RGB value is (63 , 87 , 2). Sum of RGB (Red+Green+Blue) = 63+87+2=152 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 87 (34.12% from 255 or 40.47% from 215); Blue value is 2 (0.78% from 255 or 0.93% from 215); Max value from RGB is 87 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #3F5702 hue: 0.21 , saturation: 0.96 and the lightness value of 3f5702 is 0.17.

#3f5702
(63 , 87 , 2)
  • R (63)
  • G (87)
  • B (2)
  • C (9.41)
  • M (0)
  • Y (33.33)
  • K (65.88)

Applying the #3f5702

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

#3a5200
#354d00
#304800
#2b4300
#263e00
#213900
#1c3400
#172f00
#122a00
#0d2500
#082000
#031b00
#4b630e
#576f1a
#637b26
#6f8732
#7b933e
#879f4a
#93ab56
#9fb762
#abc36e
#b7cf7a
#c3db86
#cfe792

Color spaces of #3f5702

Type Values
RGB 63 87 2
HSL 0.21 0.96 0.17
HSV 77 98 34
CMYK 9.41 0 33.33 65.88
XYZ 5.4691 7.8775 1.2897
Hunter Lab 28.0669 -14.3349 16.923
CIE-Lab 33.7265 -21.3071 40.1451

Base Numbers

BaseRedGreenBlue
Decimal 63 87 2
Binary 111111 1010111 10
Octal 77 127 2
Hex 3F 57 2

Monochromatic Colors

#58701b
#718934
#8aa24d
#a3bb66
#bcd47f
#d5ed98

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f5702 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F5702 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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