#504301 Information

#504301 color RGB value is (80 , 67 , 1) , HEX triplet: 50, 43 and 1. RGB value is (80 , 67 , 1). Sum of RGB (Red+Green+Blue) = 80+67+1=148 (Red value is 80 (31.37% from 255 or 37.21% from 215); Green value is 67 (26.27% from 255 or 31.16% from 215); Blue value is 1 (0.39% from 255 or 0.47% from 215); Max value from RGB is 80 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #504301 hue: 0.14 , saturation: 0.98 and the lightness value of 504301 is 0.16.

#504301
(80 , 67 , 1)
  • R (80)
  • G (67)
  • B (1)
  • C (0)
  • M (5.1)
  • Y (30.98)
  • K (68.63)

Applying the #504301

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.

Color spaces of #504301

Type Values
RGB 80 67 1
HSL 0.14 0.98 0.16
HSV 50 99 31
CMYK 0 5.1 30.98 68.63
XYZ 5.3209 5.722 0.8527
Hunter Lab 23.9206 -2.1555 14.6312
CIE-Lab 28.6999 -1.3997 37.2857

Base Numbers

BaseRedGreenBlue
Decimal 80 67 1
Binary 1010000 1000011 1
Octal 120 103 1
Hex 50 43 1

Monochromatic Colors

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#504301 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#504301 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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