#FD7183 Information

#FD7183 color RGB value is (253 , 113 , 131) , HEX triplet: fd, 71 and 83. RGB value is (253 , 113 , 131). Sum of RGB (Red+Green+Blue) = 253+113+131=497 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 131 (51.37% from 255 or 60.93% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD7183 hue: 0.98 , saturation: 0.97 and the lightness value of fd7183 is 0.72.

#fd7183
(253 , 113 , 131)
  • R (253)
  • G (113)
  • B (131)
  • C (0)
  • M (54.9)
  • Y (47.84)
  • K (0.78)

Applying the #fd7183

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

#f86c7e
#f36779
#ee6274
#e95d6f
#e4586a
#df5365
#da4e60
#d5495b
#d04456
#cb3f51
#c63a4c
#c13547
#ff7d8f
#ff899b
#ff95a7
#ffa1b3
#ffadbf
#ffb9cb
#ffc5d7
#ffd1e3
#ffddef
#ffe9fb
#fff5ff
#ffffff

Color spaces of #fd7183

Type Values
RGB 253 113 131
HSL 0.98 0.97 0.72
HSV 352 55 99
CMYK 0 54.9 47.84 0.78
XYZ 50.5099 34.3316 25.4372
Hunter Lab 58.5932 51.3369 15.284
CIE-Lab 65.2249 54.8872 16.865

Base Numbers

BaseRedGreenBlue
Decimal 253 113 131
Binary 11111101 1110001 10000011
Octal 375 161 203
Hex FD 71 83

Monochromatic Colors

#ff8a9c
#ffa3b5
#ffbcce
#ffd5e7
#ffeeff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd7183 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD7183 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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