#FFF198

#FFF198

Color Values

HEX

#FFF198

RGB

255, 241, 152

HSL

51.8, 100.0%, 79.8%

HSV

51.8, 40.4%, 100.0%

CMYK

0.0%, 5.5%, 40.4%, 0.0%

OKLCH

0.95 0.1107 100.4

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#FFF198

#98A6FF

Analogous

#FFBD98

#DAFF98

#FFF198

Triadic

#FFF198

#98FFF1

#F198FF

Split Complementary

#FFF198

#98DAFF

#BD98FF

Tetradic

#FFF198

#98FFBD

#98A6FF

#FF98DA

Color Blindness Simulation

Original

#FFF198

Protanopia

#F9F9AE

Deuteranopia

#FAFBB3

Tritanopia

#FEBFC2

Achromatopsia

#EEEEEE

CSS Usage

background-color: #FFF198;
color: #FFF198;
border-color: #FFF198;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF5B8
300
#FFEE85
400
#FFE542
500
#FFDC00
600
#CCB000
700
#A38D00
800
#806E00
900
#5C5005
950
#3A3303

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.29: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