#D31C53 Information

#D31C53 color RGB value is (211 , 28 , 83) , HEX triplet: d3, 1c and 53. RGB value is (211 , 28 , 83). Sum of RGB (Red+Green+Blue) = 211+28+83=322 (Red value is 211 (82.75% from 255 or 98.14% from 215); Green value is 28 (10.98% from 255 or 13.02% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 211 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #D31C53 hue: 0.95 , saturation: 0.77 and the lightness value of d31c53 is 0.47.

#d31c53
(211 , 28 , 83)
  • R (211)
  • G (28)
  • B (83)
  • C (0)
  • M (71.76)
  • Y (50.2)
  • K (17.25)

Applying the #d31c53

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

#ce174e
#c91249
#c40d44
#bf083f
#ba033a
#b50035
#b00030
#ab002b
#a60026
#a10021
#9c001c
#970017
#df285f
#eb346b
#f74077
#ff4c83
#ff588f
#ff649b
#ff70a7
#ff7cb3
#ff88bf
#ff94cb
#ffa0d7
#fface3

Color spaces of #d31c53

Type Values
RGB 211 28 83
HSL 0.95 0.77 0.47
HSV 342 87 83
CMYK 0 71.76 50.2 17.25
XYZ 28.8406 15.3039 9.6175
Hunter Lab 39.1202 63.1349 12.8127
CIE-Lab 46.0477 68.5421 17.9089

Base Numbers

BaseRedGreenBlue
Decimal 211 28 83
Binary 11010011 11100 1010011
Octal 323 34 123
Hex D3 1C 53

Monochromatic Colors

#ec356c
#ff4e85
#ff679e
#ff80b7
#ff99d0
#ffb2e9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#d31c53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#D31C53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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