#DD3958 Information

#DD3958 color RGB value is (221 , 57 , 88) , HEX triplet: dd, 39 and 58. RGB value is (221 , 57 , 88). Sum of RGB (Red+Green+Blue) = 221+57+88=366 (Red value is 221 (86.67% from 255 or 102.79% from 215); Green value is 57 (22.35% from 255 or 26.51% from 215); Blue value is 88 (34.51% from 255 or 40.93% from 215); Max value from RGB is 221 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #DD3958 hue: 0.97 , saturation: 0.71 and the lightness value of dd3958 is 0.55.

#dd3958
(221 , 57 , 88)
  • R (221)
  • G (57)
  • B (88)
  • C (0)
  • M (64.31)
  • Y (52.16)
  • K (13.33)

Applying the #dd3958

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

#d83453
#d32f4e
#ce2a49
#c92544
#c4203f
#bf1b3a
#ba1635
#b51130
#b00c2b
#ab0726
#a60221
#a1001c
#e94564
#f55170
#ff5d7c
#ff6988
#ff7594
#ff81a0
#ff8dac
#ff99b8
#ffa5c4
#ffb1d0
#ffbddc
#ffc9e8

Color spaces of #dd3958

Type Values
RGB 221 57 88
HSL 0.97 0.71 0.55
HSV 349 74 87
CMYK 0 64.31 52.16 13.33
XYZ 33.0434 19.003 11.1589
Hunter Lab 43.5924 59.0177 15.3424
CIE-Lab 50.6907 64.1156 21.3895

Base Numbers

BaseRedGreenBlue
Decimal 221 57 88
Binary 11011101 111001 1011000
Octal 335 71 130
Hex DD 39 58

Monochromatic Colors

#f65271
#ff6b8a
#ff84a3
#ff9dbc
#ffb6d5
#ffcfee

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#dd3958 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#DD3958 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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