Start generating
FDFF4C

#FDFF4C Peppy Pineapple

#FDFF4C is a very light, vivid yellow named Peppy Pineapple. In the RGB color model it is made of 99.2% red, 100.0% green and 29.8% blue (rgb(253, 255, 76)). Its HSL value is 61° hue, 100% saturation and 65% lightness, and in CMYK it is 1% cyan, 0% magenta, 70% yellow and 0% black. #FDFF4C is a warm color. Black text reads best on it, with a contrast ratio of 19.58:1.

Make a palette with #FDFF4C

#FDFF4C color conversion

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

Variations of #FDFF4C

Shades

Mixed with black: richer and darker.

FDFF4CDCDE41BCBE369D9E2C7F802262631847480F2D2E06161602030300

Tints

Mixed with white: lighter and softer.

FDFF4CFDFF69FDFF7FFDFF93FDFFA5FDFFB5FDFFC5FEFFD4FEFFE3FEFFF1

Tones

Mixed with gray: calmer and more muted.

FDFF4CF0F259E2E563D5D86BC9CB71BCBE76AFB27AA3A57C97997E8B8C7F

Hues

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

FFF2E8FFF2E5FFF3E0FFF4D7FFF7C1FDFF4CECFFB6E5FFCDE1FFDADEFFE3DBFFEA

Temperatures

Cooler on the left, warmer on the right.

CFE892D8EC88E1F17DEAF670F4FA60FDFF4CFEFA4AFFF548FFF146FFEC43FFE741

#FDFF4C color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FDFF4C4E4CFF
Open in generator →

Split complementary

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

FDFF4C4CA3FFA84CFF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FDFF4CFFA84CA3FF4C
Open in generator →

Triadic

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

FDFF4C4CFDFFFF4CFD
Open in generator →

Tetradic

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

FDFF4C4CFF4E4E4CFFFF4CFD
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FDFF4C4CFFA84E4CFFFF4CA3
Open in generator →

#FDFF4C for color-blind viewers (and dogs)

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

  • Dog vision 96% similarHow dogs see it · simulated as #FFF95A
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #FFF42B
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #FFF73C
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #FFF95A
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #FFFB54
  • Tritanopia 67% similar0.001% of men, 0.03% of women · simulated as #FFEFDC
  • Tritanomaly 83% similar0.0001% of men, 0.0001% of women · simulated as #FFF9A3
  • Achromatopsia 62% similar0.003% of men, 0.003% of women · simulated as #F7F7F7
  • Achromatomaly 70% similar0.001% of men, 0.001% of women · simulated as #F8F9DC

#FDFF4C contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.07:1 Very poor#FDFF4C text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
19.58:1 Super#FDFF4C 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 #FDFF4C

Palettes with #FDFF4C

#FDFF4C in CSS

/* Peppy Pineapple */
.color { color: #FDFF4C; }
.background { background-color: #FDFF4C; }
.border { border: 1px solid #FDFF4C; }

/* Other notations */
color: rgb(253 255 76);
color: hsl(61 100% 65%);
color: oklch(0.969 0.189 110.1);

#FDFF4C FAQ

What color is #FDFF4C?

#FDFF4C is a very light, vivid yellow. Its closest named color is Peppy Pineapple. It belongs to the yellow color family and is a warm color.

What is the RGB value of #FDFF4C?

#FDFF4C is rgb(253, 255, 76) in RGB, hsl(61, 100%, 65%) in HSL and cmyk(1%, 0%, 70%, 0%) in CMYK.

What is the complementary color of #FDFF4C?

The complementary color of #FDFF4C is #4E4CFF, which sits opposite it on the color wheel.

Which text color works on #FDFF4C?

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

Is #FDFF4C a warm or cool color?

#FDFF4C is a warm color.