#f2ba49 Color Hex Maximum Yellow Red

Information about Maximum Yellow Red Color | #0000FF

#f2ba49 color RGB value is (242,186,73). #f2ba49 color name is Maximum Yellow Red color.

#f2ba49 hex color red value is 242 , green value is 186 and the blue value of its RGB is 73 . Cylindrical-coordinate representations (also known as HSL) of color #f2ba49 hue: 40 , saturation: 87 and the lightness value of #f2ba49 is 62

The process color (four color CMYK) of #f2ba49 color hex is 0 , 9 ,27, 2 .

#f2ba49

~Maximum Yellow Red

Color Converions

HEX
#f2ba49
RGB
242,186,73
LAB
79,13,63
CMYK
0,23,70,5
LCH
79,64,78
XYZ
55,54,14
HSV
40,70,95
HSL
40,87,62

Base Numbers

Base Red Green Blue
Binary 11110010 10111010 1001001
Octal 362 272 111
Decimal 242 186 73
Hex f2 ba 49

RGB Percentages of Color #f2ba49

95%
73%
29%

CMYK Percentages of Color #f2ba49

0%
27%
9%
2%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #f2ba49

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#f2ba49
20%
#daa742
30%
#c2953a
40%
#a98233
50%
#91702c
60%
#795d25
70%
#614a1d
80%
#493816
90%
#30250f
100%
#181307

Tints of #f2ba49

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#f2ba49
20%
#f3c15b
30%
#f5c86d
40%
#f6cf80
50%
#f7d692
60%
#f9dda4
70%
#fae3b6
80%
#fbeac8
90%
#fcf1db
100%
#fef8ed

Tones of #f2ba49

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#f2ba49
20%
#e7b44e
30%
#dbae54
40%
#d0a859
50%
#c4a35f
60%
#b99d64
70%
#ad976a
80%
#a2916f
90%
#968b75
100%
#8b857a

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#f2ba49
#f27649
#f29849
#f2ba49
#f2dc49
#e6f249

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#f2ba49
#4981f2

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f2ba49
#5ff249
#7649f2

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f2ba49
#49f2ba
#ba49f2

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#f2ba49
#49f265
#4981f2
#f249d5

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f2ba49
#1d1709
#483716
#725823
#9d792f
#c7993c

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#f2ba49

protanopia

#d9c24d

deuteranopia

#f3b84b

tritanopia

#fbadba

achromatopsia

#bebebe

protanomaly

#e2bf4b

deuteranomaly

#f3b94a

achromatopsia

#bebebe

tritanomaly

#f8b291

achromatomaly

#d1bc93

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 12/21
Hello World !

#f2ba49 Color CSS Codes

.bgcolor {background-color:#f2ba49; } 
.forecolor {color:#f2ba49; }
.bordercolor {border:3px solid #f2ba49; }
            

#f2ba49 Text Font Color

<div style="color:#f2ba49">
Div content here</div>

This sample text font color is #f2ba49
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#f2ba49 Background Color

<div style="background-color:#f2ba49">
Div content here</div>
Div content here

#f2ba49 Border Color

<div style="border:3px solid #f2ba49">
Div here</div>

This div border color is #f2ba49

#f2ba49 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #f2ba49; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #f2ba49; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #f2ba49;
  -webkit-box-shadow: 1px 1px 3px 2px #f2ba49;
  box-shadow: 1px 1px 3px 2px #f2ba49; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #f2ba49">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #f2ba49;
              -webkit-box-shadow: 1px 1px 3px 2px #f2ba49;
              box-shadow:         1px 1px 3px 2px #f2ba49#f2ba49">
Div content here</div>

This div box has shadow with color #f2ba49

More Colors

Beechnut
#c2c18d
Brown Yellow
#dd9966
Biking Trail
#c3c0b1
Faith
#d5ebac
Jewel
#136843
Laughing Jack
#c9c3d2
Overexposed Shot
#eff4dc
Chrysoprase
#adba98
Blue Heron
#96a3c7
Grape Shake
#886971
Loveable
#f0c1c6
Deer Leather
#ac7434
Iron Fixture
#5d5b5b
Icy Wind
#d3f1ee
Follow the Leader
#f7e5d0
Méi Gūi Hóng Red
#fe023c
Matte Olive
#998f7f
Brunneous
#5e4662
Chipotle Paste
#683e3b
Poinciana
#ca3422
Calico Cat
#c48e36
Lime Punch
#c0d725
Koala Bear
#bdb7a3
Italian Lace
#ede9d4
Cook's Bay
#014e83
Hedge Green
#768a75
Favourite Lady
#e3c5d6
Paella
#dcc61f
Nutty Beige
#d4bca3
Minotaur Red
#734b42
Bold Avocado
#879550
House Sparrow's Egg
#d6d9dd
Kiln Dried
#a89887
Artichoke Mauve
#c19aa5
Glimpse of Void
#335588
Iridescent Red
#cc4e5c
Adriatic Blue
#5c899b
Pericallis Hybrida
#904fef
Pink Scallop
#f2e0d4
Madagascar Pink
#d194a1
rating-img
Rate this tool
NaN/5   0 votes