Start generating
FFFF8A

#FFFF8A closest to Butter

#FFFF8A is a very light, moderately saturated yellow; the closest named color is Butter. In the RGB color model it is made of 100.0% red, 100.0% green and 54.1% blue (rgb(255, 255, 138)). Its HSL value is 60° hue, 100% saturation and 77% lightness, and in CMYK it is 0% cyan, 0% magenta, 46% yellow and 0% black. #FFFF8A is a warm color. Black text reads best on it, with a contrast ratio of 19.92:1.

Make a palette with #FFFF8A

#FFFF8A color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #FFFF8A

Shades

Mixed with black: richer and darker.

FFFF8ADEDE77BEBE659E9E538080426363324848222E2E14161607030301

Tints

Mixed with white: lighter and softer.

FFFF8AFFFF98FFFFA5FFFFB2FFFFBEFFFFC9FFFFD4FFFFDFFFFFEAFFFFF5

Tones

Mixed with gray: calmer and more muted.

FFFF8AF2F28BE4E58BD7D88BCACB8BBDBE8AB1B189A4A5879898858C8C83

Hues

The same lightness and chroma, rotated around the color wheel.

FFF5EEFFF5ECFFF6E8FFF7E2FFF8D4FFFF8AF2FFC7ECFFD9E9FFE2E6FFE9E4FFEF

Temperatures

Cooler on the left, warmer on the right.

D1E7B2DAECABE3F1A4ECF59CF6FA93FFFF8AFFFA86FFF582FFF17EFFEC7AFFE775

#FFFF8A color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FFFF8A8A8AFF
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

FFFF8A8AC4FFC48AFF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FFFF8AFFC48AC4FF8A
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

FFFF8A8AFFFFFF8AFF
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

FFFF8A8AFF8A8A8AFFFF8AFF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FFFF8A8AFFC48A8AFFFF8AC4
Open in generator →

#FFFF8A for color-blind viewers (and dogs)

How #FFFF8A appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 97% similarHow dogs see it · simulated as #FFFB90
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #FFF780
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #FFF984
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #FFFB90
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #FFFC8D
  • Tritanopia 75% similar0.001% of men, 0.03% of women · simulated as #FFF2E4
  • Tritanomaly 88% similar0.0001% of men, 0.0001% of women · simulated as #FFFABA
  • Achromatopsia 72% similar0.003% of men, 0.003% of women · simulated as #F9F9F9
  • Achromatomaly 78% similar0.001% of men, 0.001% of women · simulated as #FAFAE4

#FFFF8A contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.05:1 Very poor#FFFF8A text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
19.92:1 Super#FFFF8A text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #FFFF8A

Palettes with #FFFF8A

#FFFF8A in CSS

/* Butter */
.color { color: #FFFF8A; }
.background { background-color: #FFFF8A; }
.border { border: 1px solid #FFFF8A; }

/* Other notations */
color: rgb(255 255 138);
color: hsl(60 100% 77%);
color: oklch(0.976 0.140 108.7);

#FFFF8A FAQ

What color is #FFFF8A?

#FFFF8A is a very light, moderately saturated yellow. Its closest named color is Butter. It belongs to the yellow color family and is a warm color.

What is the RGB value of #FFFF8A?

#FFFF8A is rgb(255, 255, 138) in RGB, hsl(60, 100%, 77%) in HSL and cmyk(0%, 0%, 46%, 0%) in CMYK.

What is the complementary color of #FFFF8A?

The complementary color of #FFFF8A is #8A8AFF, which sits opposite it on the color wheel.

Which text color works on #FFFF8A?

Black text has the best contrast on #FFFF8A: 19.92:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #FFFF8A a warm or cool color?

#FFFF8A is a warm color.