#F12A21 Information

#F12A21 color RGB value is (241 , 42 , 33) , HEX triplet: f1, 2a and 21. RGB value is (241 , 42 , 33). Sum of RGB (Red+Green+Blue) = 241+42+33=316 (Red value is 241 (94.51% from 255 or 112.09% from 215); Green value is 42 (16.47% from 255 or 19.53% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 241 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F12A21 hue: 0.01 , saturation: 0.88 and the lightness value of f12a21 is 0.54.

#f12a21
(241 , 42 , 33)
  • R (241)
  • G (42)
  • B (33)
  • C (0)
  • M (78.04)
  • Y (81.57)
  • K (5.49)

Applying the #f12a21

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

#ec251c
#e72017
#e21b12
#dd160d
#d81108
#d30c03
#ce0700
#c90200
#c40000
#bf0000
#ba0000
#b50000
#fd362d
#ff4239
#ff4e45
#ff5a51
#ff665d
#ff7269
#ff7e75
#ff8a81
#ff968d
#ffa299
#ffaea5
#ffbab1

Color spaces of #f12a21

Type Values
RGB 241 42 33
HSL 0.01 0.88 0.54
HSV 3 86 95
CMYK 0 78.04 81.57 5.49
XYZ 37.3781 20.4665 3.4192
Hunter Lab 45.2399 68.3104 27.1877
CIE-Lab 52.3606 71.6642 54.7646

Base Numbers

BaseRedGreenBlue
Decimal 241 42 33
Binary 11110001 101010 100001
Octal 361 52 41
Hex F1 2A 21

Monochromatic Colors

#ff433a
#ff5c53
#ff756c
#ff8e85
#ffa79e
#ffc0b7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f12a21 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F12A21 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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