#2F746D Information

#2F746D color RGB value is (47 , 116 , 109) , HEX triplet: 2f, 74 and 6d. RGB value is (47 , 116 , 109). Sum of RGB (Red+Green+Blue) = 47+116+109=272 (Red value is 47 (18.43% from 255 or 21.86% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 109 (42.75% from 255 or 50.7% from 215); Max value from RGB is 116 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #2F746D hue: 0.48 , saturation: 0.42 and the lightness value of 2f746d is 0.32.

#2f746d
(47 , 116 , 109)
  • R (47)
  • G (116)
  • B (109)
  • C (27.06)
  • M (0)
  • Y (2.75)
  • K (54.51)

Applying the #2f746d

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

#2a6f68
#256a63
#20655e
#1b6059
#165b54
#11564f
#0c514a
#074c45
#024740
#00423b
#003d36
#003831
#3b8079
#478c85
#539891
#5fa49d
#6bb0a9
#77bcb5
#83c8c1
#8fd4cd
#9be0d9
#a7ece5
#b3f8f1
#bffffd

Color spaces of #2f746d

Type Values
RGB 47 116 109
HSL 0.48 0.42 0.32
HSV 174 59 45
CMYK 27.06 0 2.75 54.51
XYZ 10.178 14.1992 16.6723
Hunter Lab 37.6819 -17.7297 0.1536
CIE-Lab 44.5173 -23.4156 -2.6576

Base Numbers

BaseRedGreenBlue
Decimal 47 116 109
Binary 101111 1110100 1101101
Octal 57 164 155
Hex 2F 74 6D

Monochromatic Colors

#488d86
#61a69f
#7abfb8
#93d8d1
#acf1ea
#c5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2f746d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2F746D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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