#AD0214 Information

#AD0214 color RGB value is (173 , 2 , 20) , HEX triplet: ad, 2 and 14. RGB value is (173 , 2 , 20). Sum of RGB (Red+Green+Blue) = 173+2+20=195 (Red value is 173 (67.84% from 255 or 80.47% from 215); Green value is 2 (0.78% from 255 or 0.93% from 215); Blue value is 20 (7.84% from 255 or 9.3% from 215); Max value from RGB is 173 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AD0214 hue: 0.98 , saturation: 0.98 and the lightness value of ad0214 is 0.34.

#ad0214
(173 , 2 , 20)
  • R (173)
  • G (2)
  • B (20)
  • C (0)
  • M (67.06)
  • Y (60)
  • K (32.16)

Applying the #ad0214

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

#a8000f
#a3000a
#9e0005
#990000
#940000
#8f0000
#8a0000
#850000
#800000
#7b0000
#760000
#710000
#b90e20
#c51a2c
#d12638
#dd3244
#e93e50
#f54a5c
#ff5668
#ff6274
#ff6e80
#ff7a8c
#ff8698
#ff92a4

Color spaces of #ad0214

Type Values
RGB 173 2 20
HSL 0.98 0.98 0.34
HSV 354 99 68
CMYK 0 67.06 60 32.16
XYZ 17.3816 8.9782 1.4787
Hunter Lab 29.9636 51.1097 18.0492
CIE-Lab 35.9422 59.9162 41.8392

Base Numbers

BaseRedGreenBlue
Decimal 173 2 20
Binary 10101101 10 10100
Octal 255 2 24
Hex AD 2 14

Monochromatic Colors

#c61b2d
#df3446
#f84d5f
#ff6678
#ff7f91
#ff98aa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ad0214 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AD0214 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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