#2E746D Information

#2E746D color RGB value is (46 , 116 , 109) , HEX triplet: 2e, 74 and 6d. RGB value is (46 , 116 , 109). Sum of RGB (Red+Green+Blue) = 46+116+109=271 (Red value is 46 (18.04% from 255 or 21.4% 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 #2E746D hue: 0.48 , saturation: 0.43 and the lightness value of 2e746d is 0.32.

#2e746d
(46 , 116 , 109)
  • R (46)
  • G (116)
  • B (109)
  • C (27.45)
  • M (0)
  • Y (2.75)
  • K (54.51)

Applying the #2e746d

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

#296f68
#246a63
#1f655e
#1a6059
#155b54
#10564f
#0b514a
#064c45
#014740
#00423b
#003d36
#003831
#3a8079
#468c85
#529891
#5ea49d
#6ab0a9
#76bcb5
#82c8c1
#8ed4cd
#9ae0d9
#a6ece5
#b2f8f1
#befffd

Color spaces of #2e746d

Type Values
RGB 46 116 109
HSL 0.48 0.43 0.32
HSV 174 60 45
CMYK 27.45 0 2.75 54.51
XYZ 10.1324 14.1758 16.6702
Hunter Lab 37.6507 -17.8512 0.1134
CIE-Lab 44.4839 -23.6266 -2.7106

Base Numbers

BaseRedGreenBlue
Decimal 46 116 109
Binary 101110 1110100 1101101
Octal 56 164 155
Hex 2E 74 6D

Monochromatic Colors

#478d86
#60a69f
#79bfb8
#92d8d1
#abf1ea
#c4ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2e746d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2E746D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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