#F28027 Information

#F28027 color RGB value is (242 , 128 , 39) , HEX triplet: f2, 80 and 27. RGB value is (242 , 128 , 39). Sum of RGB (Red+Green+Blue) = 242+128+39=409 (Red value is 242 (94.9% from 255 or 112.56% from 215); Green value is 128 (50.2% from 255 or 59.53% from 215); Blue value is 39 (15.29% from 255 or 18.14% from 215); Max value from RGB is 242 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F28027 hue: 0.07 , saturation: 0.89 and the lightness value of f28027 is 0.55.

#f28027
(242 , 128 , 39)
  • R (242)
  • G (128)
  • B (39)
  • C (0)
  • M (44.71)
  • Y (79.61)
  • K (5.1)

Applying the #f28027

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

#ed7b22
#e8761d
#e37118
#de6c13
#d9670e
#d46209
#cf5d04
#ca5800
#c55300
#c04e00
#bb4900
#b64400
#fe8c33
#ff983f
#ffa44b
#ffb057
#ffbc63
#ffc86f
#ffd47b
#ffe087
#ffec93
#fff89f
#ffffab
#ffffb7

Color spaces of #f28027

Type Values
RGB 242 128 39
HSL 0.07 0.89 0.55
HSV 26 84 95
CMYK 0 44.71 79.61 5.1
XYZ 44.7033 34.4621 6.2152
Hunter Lab 58.7044 33.195 34.8172
CIE-Lab 65.3277 38.2892 63.2136

Base Numbers

BaseRedGreenBlue
Decimal 242 128 39
Binary 11110010 10000000 100111
Octal 362 200 47
Hex F2 80 27

Monochromatic Colors

#ff9940
#ffb259
#ffcb72
#ffe48b
#fffda4
#ffffbd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f28027 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F28027 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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