#3F7174 Information

#3F7174 color RGB value is (63 , 113 , 116) , HEX triplet: 3f, 71 and 74. RGB value is (63 , 113 , 116). Sum of RGB (Red+Green+Blue) = 63+113+116=292 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 116 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3F7174 hue: 0.51 , saturation: 0.3 and the lightness value of 3f7174 is 0.35.

#3f7174
(63 , 113 , 116)
  • R (63)
  • G (113)
  • B (116)
  • C (20.78)
  • M (1.18)
  • Y (0)
  • K (54.51)

Applying the #3f7174

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

#3a6c6f
#35676a
#306265
#2b5d60
#26585b
#215356
#1c4e51
#17494c
#124447
#0d3f42
#083a3d
#033538
#4b7d80
#57898c
#639598
#6fa1a4
#7badb0
#87b9bc
#93c5c8
#9fd1d4
#abdde0
#b7e9ec
#c3f5f8
#cfffff

Color spaces of #3f7174

Type Values
RGB 63 113 116
HSL 0.51 0.3 0.35
HSV 183 46 45
CMYK 20.78 1.18 0 54.51
XYZ 11.1074 14.128 18.6645
Hunter Lab 37.5872 -13.0287 -3.1202
CIE-Lab 44.4159 -15.9607 -6.9351

Base Numbers

BaseRedGreenBlue
Decimal 63 113 116
Binary 111111 1110001 1110100
Octal 77 161 164
Hex 3F 71 74

Monochromatic Colors

#588a8d
#71a3a6
#8abcbf
#a3d5d8
#bceef1
#d5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f7174 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F7174 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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