#F0A535 Information

#F0A535 color RGB value is (240 , 165 , 53) , HEX triplet: f0, a5 and 35. RGB value is (240 , 165 , 53). Sum of RGB (Red+Green+Blue) = 240+165+53=458 (Red value is 240 (94.12% from 255 or 111.63% from 215); Green value is 165 (64.71% from 255 or 76.74% from 215); Blue value is 53 (20.78% from 255 or 24.65% from 215); Max value from RGB is 240 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F0A535 hue: 0.1 , saturation: 0.86 and the lightness value of f0a535 is 0.57.

#f0a535
(240 , 165 , 53)
  • R (240)
  • G (165)
  • B (53)
  • C (0)
  • M (29.41)
  • Y (73.33)
  • K (5.88)

Applying the #f0a535

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

#eba030
#e69b2b
#e19626
#dc9121
#d78c1c
#d28717
#cd8212
#c87d0d
#c37808
#be7303
#b96e00
#b46900
#fcb141
#ffbd4d
#ffc959
#ffd565
#ffe171
#ffed7d
#fff989
#ffff95
#ffffa1
#ffffad
#ffffb9
#ffffc5

Color spaces of #f0a535

Type Values
RGB 240 165 53
HSL 0.1 0.86 0.57
HSV 36 78 94
CMYK 0 29.41 73.33 5.88
XYZ 50.0329 45.6926 9.5507
Hunter Lab 67.5963 13.8276 38.9422
CIE-Lab 73.3456 18.6055 65.181

Base Numbers

BaseRedGreenBlue
Decimal 240 165 53
Binary 11110000 10100101 110101
Octal 360 245 65
Hex F0 A5 35

Monochromatic Colors

#ffbe4e
#ffd767
#fff080
#ffff99
#ffffb2
#ffffcb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f0a535 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F0A535 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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