#F3482A Information

#F3482A color RGB value is (243 , 72 , 42) , HEX triplet: f3, 48 and 2a. RGB value is (243 , 72 , 42). Sum of RGB (Red+Green+Blue) = 243+72+42=357 (Red value is 243 (95.29% from 255 or 113.02% from 215); Green value is 72 (28.24% from 255 or 33.49% from 215); Blue value is 42 (16.47% from 255 or 19.53% from 215); Max value from RGB is 243 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F3482A hue: 0.02 , saturation: 0.89 and the lightness value of f3482a is 0.56.

#f3482a
(243 , 72 , 42)
  • R (243)
  • G (72)
  • B (42)
  • C (0)
  • M (67.06)
  • Y (78.82)
  • K (4.71)

Applying the #f3482a

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

#ee4325
#e93e20
#e4391b
#df3416
#da2f11
#d52a0c
#d02507
#cb2002
#c61b00
#c11600
#bc1100
#b70c00
#ff5436
#ff6042
#ff6c4e
#ff785a
#ff8466
#ff9072
#ff9c7e
#ffa88a
#ffb496
#ffc0a2
#ffccae
#ffd8ba

Color spaces of #f3482a

Type Values
RGB 243 72 42
HSL 0.02 0.89 0.56
HSV 9 83 95
CMYK 0 67.06 78.82 4.71
XYZ 39.6974 23.8566 4.703
Hunter Lab 48.8432 59.6008 28.4826
CIE-Lab 55.9439 63.6442 53.8686

Base Numbers

BaseRedGreenBlue
Decimal 243 72 42
Binary 11110011 1001000 101010
Octal 363 110 52
Hex F3 48 2A

Monochromatic Colors

#ff6143
#ff7a5c
#ff9375
#ffac8e
#ffc5a7
#ffdec0

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f3482a Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F3482A Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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