#FA7474 Information

#FA7474 color RGB value is (250 , 116 , 116) , HEX triplet: fa, 74 and 74. RGB value is (250 , 116 , 116). Sum of RGB (Red+Green+Blue) = 250+116+116=482 (Red value is 250 (98.04% from 255 or 116.28% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 250 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FA7474 hue: 0 , saturation: 0.93 and the lightness value of fa7474 is 0.72.

#fa7474
(250 , 116 , 116)
  • R (250)
  • G (116)
  • B (116)
  • C (0)
  • M (52.55)
  • Y (52.55)
  • K (1.96)

Applying the #fa7474

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

#f56f6f
#f06a6a
#eb6565
#e66060
#e15b5b
#dc5656
#d75151
#d24c4c
#cd4747
#c84242
#c33d3d
#be3838
#ff8080
#ff8c8c
#ff9898
#ffa4a4
#ffb0b0
#ffbcbc
#ffc8c8
#ffd4d4
#ffe0e0
#ffecec
#fff8f8
#ffffff

Color spaces of #fa7474

Type Values
RGB 250 116 116
HSL 0 0.93 0.72
HSV 0 54 98
CMYK 0 52.55 52.55 1.96
XYZ 48.8221 34.0757 20.5271
Hunter Lab 58.3744 47.1355 20.0198
CIE-Lab 65.0226 51.1971 25.0148

Base Numbers

BaseRedGreenBlue
Decimal 250 116 116
Binary 11111010 1110100 1110100
Octal 372 164 164
Hex FA 74 74

Monochromatic Colors

#ff8d8d
#ffa6a6
#ffbfbf
#ffd8d8
#fff1f1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fa7474 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FA7474 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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