#F26221 Information

#F26221 color RGB value is (242 , 98 , 33) , HEX triplet: f2, 62 and 21. RGB value is (242 , 98 , 33). Sum of RGB (Red+Green+Blue) = 242+98+33=373 (Red value is 242 (94.9% from 255 or 112.56% from 215); Green value is 98 (38.43% from 255 or 45.58% from 215); Blue value is 33 (12.94% from 255 or 15.35% from 215); Max value from RGB is 242 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F26221 hue: 0.05 , saturation: 0.89 and the lightness value of f26221 is 0.54.

#f26221
(242 , 98 , 33)
  • R (242)
  • G (98)
  • B (33)
  • C (0)
  • M (56.47)
  • Y (81.96)
  • K (5.1)

Applying the #f26221

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

#ed5d1c
#e85817
#e35312
#de4e0d
#d94908
#d44403
#cf3f00
#ca3a00
#c53500
#c03000
#bb2b00
#b62600
#fe6e2d
#ff7a39
#ff8645
#ff9251
#ff9e5d
#ffaa69
#ffb675
#ffc281
#ffce8d
#ffda99
#ffe6a5
#fff2b1

Color spaces of #f26221

Type Values
RGB 242 98 33
HSL 0.05 0.89 0.54
HSV 19 86 95
CMYK 0 56.47 81.96 5.1
XYZ 41.2601 27.7224 4.6152
Hunter Lab 52.6521 47.7383 31.6605
CIE-Lab 59.6371 52.5664 60.6758

Base Numbers

BaseRedGreenBlue
Decimal 242 98 33
Binary 11110010 1100010 100001
Octal 362 142 41
Hex F2 62 21

Monochromatic Colors

#ff7b3a
#ff9453
#ffad6c
#ffc685
#ffdf9e
#fff8b7

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f26221 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F26221 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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