#744A53 Information

#744A53 color RGB value is (116 , 74 , 83) , HEX triplet: 74, 4a and 53. RGB value is (116 , 74 , 83). Sum of RGB (Red+Green+Blue) = 116+74+83=273 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 74 (29.02% from 255 or 34.42% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 116 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #744A53 hue: 0.96 , saturation: 0.22 and the lightness value of 744a53 is 0.37.

#744a53
(116 , 74 , 83)
  • R (116)
  • G (74)
  • B (83)
  • C (0)
  • M (16.47)
  • Y (12.94)
  • K (54.51)

Applying the #744a53

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

#6f454e
#6a4049
#653b44
#60363f
#5b313a
#562c35
#512730
#4c222b
#471d26
#421821
#3d131c
#380e17
#80565f
#8c626b
#986e77
#a47a83
#b0868f
#bc929b
#c89ea7
#d4aab3
#e0b6bf
#ecc2cb
#f8ced7
#ffdae3

Color spaces of #744a53

Type Values
RGB 116 74 83
HSL 0.96 0.22 0.37
HSV 347 36 45
CMYK 0 16.47 12.94 54.51
XYZ 11.2126 9.2351 9.3752
Hunter Lab 30.3893 12.679 2.9876
CIE-Lab 36.4331 19.2172 2.0863

Base Numbers

BaseRedGreenBlue
Decimal 116 74 83
Binary 1110100 1001010 1010011
Octal 164 112 123
Hex 74 4A 53

Monochromatic Colors

#8d636c
#a67c85
#bf959e
#d8aeb7
#f1c7d0
#ffe0e9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#744a53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#744A53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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