#F49B5F Information

#F49B5F color RGB value is (244 , 155 , 95) , HEX triplet: f4, 9b and 5f. RGB value is (244 , 155 , 95). Sum of RGB (Red+Green+Blue) = 244+155+95=494 (Red value is 244 (95.69% from 255 or 113.49% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 244 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #F49B5F hue: 0.07 , saturation: 0.87 and the lightness value of f49b5f is 0.66.

#f49b5f
(244 , 155 , 95)
  • R (244)
  • G (155)
  • B (95)
  • C (0)
  • M (34.9)
  • Y (58.43)
  • K (4.31)

Applying the #f49b5f

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

#ef965a
#ea9155
#e58c50
#e0874b
#db8246
#d67d41
#d1783c
#cc7337
#c76e32
#c2692d
#bd6428
#b85f23
#ffa76b
#ffb377
#ffbf83
#ffcb8f
#ffd79b
#ffe3a7
#ffefb3
#fffbbf
#ffffcb
#ffffd7
#ffffe3
#ffffef

Color spaces of #f49b5f

Type Values
RGB 244 155 95
HSL 0.07 0.87 0.66
HSV 24 61 96
CMYK 0 34.9 58.43 4.31
XYZ 51.0951 43.502 16.5302
Hunter Lab 65.9561 22.8584 31.3141
CIE-Lab 71.8944 27.6978 44.849

Base Numbers

BaseRedGreenBlue
Decimal 244 155 95
Binary 11110100 10011011 1011111
Octal 364 233 137
Hex F4 9B 5F

Monochromatic Colors

#ffb478
#ffcd91
#ffe6aa
#ffffc3
#ffffdc
#fffff5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#f49b5f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#F49B5F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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