#F12A64 Information

#F12A64 color RGB value is (241 , 42 , 100) , HEX triplet: f1, 2a and 64. RGB value is (241 , 42 , 100). Sum of RGB (Red+Green+Blue) = 241+42+100=383 (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 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 241 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F12A64 hue: 0.95 , saturation: 0.88 and the lightness value of f12a64 is 0.55.

#f12a64
(241 , 42 , 100)
  • R (241)
  • G (42)
  • B (100)
  • C (0)
  • M (78.04)
  • Y (55.29)
  • K (5.49)

Applying the #f12a64

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

#ec255f
#e7205a
#e21b55
#dd1650
#d8114b
#d30c46
#ce0741
#c9023c
#c40037
#bf0032
#ba002d
#b50028
#fd3670
#ff427c
#ff4e88
#ff5a94
#ff66a0
#ff72ac
#ff7eb8
#ff8ac4
#ff96d0
#ffa2dc
#ffaee8
#ffbaf4

Color spaces of #f12a64

Type Values
RGB 241 42 100
HSL 0.95 0.88 0.55
HSV 343 83 95
CMYK 0 78.04 55.29 5.49
XYZ 39.4038 21.2768 14.0866
Hunter Lab 46.1268 71.7619 14.1881
CIE-Lab 53.2511 74.3274 18.2455

Base Numbers

BaseRedGreenBlue
Decimal 241 42 100
Binary 11110001 101010 1100100
Octal 361 52 144
Hex F1 2A 64

Monochromatic Colors

#ff437d
#ff5c96
#ff75af
#ff8ec8
#ffa7e1
#ffc0fa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f12a64 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F12A64 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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