Start generating
FDFFC3

#FDFFC3 Cream

#FDFFC3 is a very light, moderately saturated yellow named Cream. In the RGB color model it is made of 99.2% red, 100.0% green and 76.5% blue (rgb(253, 255, 195)). Its HSL value is 62° hue, 100% saturation and 88% lightness, and in CMYK it is 1% cyan, 0% magenta, 24% yellow and 0% black. #FDFFC3 is a warm color. Black text reads best on it, with a contrast ratio of 20.27:1.

Make a palette with #FDFFC3

#FDFFC3 color conversion

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

Variations of #FDFFC3

Shades

Mixed with black: richer and darker.

FDFFC3DCDEA9BCBE909D9E787F806062634A4748342D2E2016160E030302

Tints

Mixed with white: lighter and softer.

FDFFC3FDFFC9FDFFD0FDFFD6FEFFDCFEFFE2FEFFE8FEFFEEFEFFF3FFFFF9

Tones

Mixed with gray: calmer and more muted.

FDFFC3F0F2BCE3E4B6D6D7AFC9CAA8BCBEA2B0B19BA4A59498988E8C8C87

Hues

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

FFF8F4FFF9F2FFF9EFFFFAEBFFFBE1FDFFC3F6FFDCF2FFE6F0FFECEFFFF1EDFFF4

Temperatures

Cooler on the left, warmer on the right.

D0E6D7D9EBD3E2F0D0EBF5CCF4FAC8FDFFC3FEFABDFFF6B7FFF1B1FFECABFFE7A5

#FDFFC3 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FDFFC3C5C3FF
Open in generator →

Split complementary

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

FDFFC3C3DFFFE3C3FF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FDFFC3FFE3C3DFFFC3
Open in generator →

Triadic

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

FDFFC3C3FDFFFFC3FD
Open in generator →

Tetradic

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

FDFFC3C3FFC5C5C3FFFFC3FD
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FDFFC3C3FFE3C5C3FFFFC3DF
Open in generator →

#FDFFC3 for color-blind viewers (and dogs)

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

  • Dog vision 98% similarHow dogs see it · simulated as #FFFCC5
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #FFFABF
  • Protanomaly 98% similar1.3% of men, 0.02% of women · simulated as #FFFBC1
  • Deuteranopia 98% similar1.2% of men, 0.01% of women · simulated as #FFFCC5
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #FFFDC4
  • Tritanopia 87% similar0.001% of men, 0.03% of women · simulated as #FFF7EF
  • Tritanomaly 94% similar0.0001% of men, 0.0001% of women · simulated as #FFFCD9
  • Achromatopsia 85% similar0.003% of men, 0.003% of women · simulated as #FBFBFB
  • Achromatomaly 88% similar0.001% of men, 0.001% of women · simulated as #FBFCEE

#FDFFC3 contrast checker

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

Palettes with #FDFFC3

#FDFFC3 in CSS

/* Cream */
.color { color: #FDFFC3; }
.background { background-color: #FDFFC3; }
.border { border: 1px solid #FDFFC3; }

/* Other notations */
color: rgb(253 255 195);
color: hsl(62 100% 88%);
color: oklch(0.984 0.077 109.3);

#FDFFC3 FAQ

What color is #FDFFC3?

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

What is the RGB value of #FDFFC3?

#FDFFC3 is rgb(253, 255, 195) in RGB, hsl(62, 100%, 88%) in HSL and cmyk(1%, 0%, 24%, 0%) in CMYK.

What is the complementary color of #FDFFC3?

The complementary color of #FDFFC3 is #C5C3FF, which sits opposite it on the color wheel.

Which text color works on #FDFFC3?

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

Is #FDFFC3 a warm or cool color?

#FDFFC3 is a warm color.