#F28225 Information

#F28225 color RGB value is (242 , 130 , 37) , HEX triplet: f2, 82 and 25. RGB value is (242 , 130 , 37). Sum of RGB (Red+Green+Blue) = 242+130+37=409 (Red value is 242 (94.9% from 255 or 112.56% from 215); Green value is 130 (50.98% from 255 or 60.47% from 215); Blue value is 37 (14.51% from 255 or 17.21% from 215); Max value from RGB is 242 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F28225 hue: 0.08 , saturation: 0.89 and the lightness value of f28225 is 0.55.

#f28225
(242 , 130 , 37)
  • R (242)
  • G (130)
  • B (37)
  • C (0)
  • M (43.92)
  • Y (80.39)
  • K (5.1)

Applying the #f28225

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

#ed7d20
#e8781b
#e37316
#de6e11
#d9690c
#d46407
#cf5f02
#ca5a00
#c55500
#c05000
#bb4b00
#b64600
#fe8e31
#ff9a3d
#ffa649
#ffb255
#ffbe61
#ffca6d
#ffd679
#ffe285
#ffee91
#fffa9d
#ffffa9
#ffffb5

Color spaces of #f28225

Type Values
RGB 242 130 37
HSL 0.08 0.89 0.55
HSV 27 85 95
CMYK 0 43.92 80.39 5.1
XYZ 44.9345 34.9761 6.133
Hunter Lab 59.1406 32.127 35.2511
CIE-Lab 65.73 37.2241 64.2481

Base Numbers

BaseRedGreenBlue
Decimal 242 130 37
Binary 11110010 10000010 100101
Octal 362 202 45
Hex F2 82 25

Monochromatic Colors

#ff9b3e
#ffb457
#ffcd70
#ffe689
#ffffa2
#ffffbb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f28225 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F28225 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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