#FFF2C0

#FFF2C0

Color Values

HEX

#FFF2C0

RGB

255, 242, 192

HSL

47.6, 100.0%, 87.6%

HSV

47.6, 24.7%, 100.0%

CMYK

0.0%, 5.1%, 24.7%, 0.0%

OKLCH

0.9593 0.0657 95.2

Properties

Warm Light Nearest: Banana Mania

Color Harmonies

Complementary

#FFF2C0

#C0CDFF

Analogous

#FFD2C0

#ECFFC0

#FFF2C0

Triadic

#FFF2C0

#C0FFF2

#F2C0FF

Split Complementary

#FFF2C0

#C0ECFF

#D2C0FF

Tetradic

#FFF2C0

#C0FFD2

#C0CDFF

#FFC0EC

Color Blindness Simulation

Original

#FFF2C0

Protanopia

#F9F9CC

Deuteranopia

#FAFBCF

Tritanopia

#FED6D8

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FFF2C0;
color: #FFF2C0;
border-color: #FFF2C0;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FFF0B8
300
#FFE685
400
#FFD842
500
#FFCA00
600
#CCA200
700
#A38100
800
#806500
900
#5C4A05
950
#3A2F03

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026