#fafe4b Color Hex Banana Mash

Information about Banana Mash Color | #0000FF

#fafe4b color RGB value is (250,254,75). #fafe4b color name is Banana Mash color.

#fafe4b hex color red value is 250 , green value is 254 and the blue value of its RGB is 75 . Cylindrical-coordinate representations (also known as HSL) of color #fafe4b hue: 61 , saturation: 99 and the lightness value of #fafe4b is 65

The process color (four color CMYK) of #fafe4b color hex is 1 , 0 ,28, 0 .

#fafe4b

~Banana Mash

Color Converions

HEX
#fafe4b
RGB
250,254,75
LAB
97,-16,79
CMYK
2,0,70,0
LCH
97,81,101
XYZ
76,92,20
HSV
61,70,100
HSL
61,99,65

Base Numbers

Base Red Green Blue
Binary 11111010 11111110 1001011
Octal 372 376 113
Decimal 250 254 75
Hex fa fe 4b

RGB Percentages of Color #fafe4b

98%
100%
29%

CMYK Percentages of Color #fafe4b

1%
28%
0%
0%

Color Variations

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

Shades of #fafe4b

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

10%
#fafe4b
20%
#e1e544
30%
#c8cb3c
40%
#afb235
50%
#96982d
60%
#7d7f25
70%
#64661e
80%
#4b4c16
90%
#32330f
100%
#191907

Tints of #fafe4b

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

10%
#fafe4b
20%
#fbfe5d
30%
#fbfe6f
40%
#fbfe81
50%
#fcfe93
60%
#fcfea5
70%
#fdffb7
80%
#fdffc9
90%
#feffdb
100%
#feffed

Tones of #fafe4b

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

10%
#fafe4b
20%
#eef150
30%
#e2e556
40%
#d5d85b
50%
#c9cb60
60%
#bdbf65
70%
#b0b26a
80%
#a4a570
90%
#989975
100%
#8c8c7a

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.
#fafe4b
#feba4b
#fede4b
#fafe4b
#d6fe4b
#b2fe4b

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#fafe4b
#4f4bfe

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#fafe4b
#4bfe73
#ba4bfe

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#fafe4b
#4bfafe
#fe4bfa

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.
#fafe4b
#4bfea8
#4f4bfe
#fe4ba0

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#fafe4b
#29290c
#535419
#7c7e25
#a6a932
#d0d33e

Blindness simulator

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

Normal

#fafe4b

protanopia

#fff5d3

deuteranopia

#fff4e7

tritanopia

#fff2f9

achromatopsia

#f0f0f0

protanomaly

#fdf8a2

deuteranomaly

#fdf7ae

achromatopsia

#f0f0f0

tritanomaly

#fdf6ba

achromatomaly

#f4f5b4

Contrast Checker

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

White background

Poor 1/21
Hello World ! 1

Black background-color

Good 19/21
Hello World !

#fafe4b Color CSS Codes

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

#fafe4b Text Font Color

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

This sample text font color is #fafe4b
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.

#fafe4b Background Color

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

#fafe4b Border Color

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

This div border color is #fafe4b

#fafe4b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #fafe4b

More Colors

Dry Sand
#eae4d6
Betel Nut Dye
#352925
Guacamole
#95986b
Lily Lavender
#e6e6e8
Orange Glass
#ffca7d
Athena Pink
#e9b4c3
Etched Glass
#dde2e2
Copper Rust
#95524c
Azure Radiance
#007f1f
Atlantic Tulip
#b598c3
California
#e98c3a
Kerr's Pink Potato
#b57281
Evening Emerald
#56736f
Blue Android Base
#5a79ba
Deli Yellow
#e8b523
Parfait d'Amour
#734f96
Mustard Oil
#d5bd66
Lavish Lavender
#c2aec3
Barbados Cherry
#aa0a27
Dark Olive Green
#454636
Dreamless Sleep
#111111
Brick Fence
#b38070
Jú Huáng Tangerine
#f9900f
Cloudy Camouflage
#177245
Dill Green
#b6ac4b
Curated Lilac
#a6a6b6
Crushed Limestone
#d6ddd3
Hemp Rope
#b9a379
Flyway
#5db3d4
Light Frosty Dawn
#d7efd5
Jonquil Trail
#f7d395
Irresistible Beige
#e6ddc6
Cheddar
#ee9a09
Amelia
#beccc2
Almond Rose
#cc8888
Ocean Trip
#62aeba
Butter Up
#f4e0bb
Chestnut Butter
#bca486
Macaroon Rose
#f75280
Plum Blue
#4b6176
rating-img
Rate this tool
NaN/5   0 votes