#FFF100

#FFF100

Color Values

HEX

#FFF100

RGB

255, 241, 0

HSL

56.7, 100.0%, 50.0%

HSV

56.7, 100.0%, 100.0%

CMYK

0.0%, 5.5%, 100.0%, 0.0%

OKLCH

0.9391 0.1996 105.4

Properties

Warm Light Nearest: yellow 2

Color Harmonies

Complementary

#FFF100

#000EFF

Analogous

#FF7100

#8EFF00

#FFF100

Triadic

#FFF100

#00FFF1

#F100FF

Split Complementary

#FFF100

#008EFF

#7100FF

Tetradic

#FFF100

#00FF71

#000EFF

#FF008E

Color Blindness Simulation

Original

#FFF100

Protanopia

#F9F93A

Deuteranopia

#FAFB48

Tritanopia

#FE6872

Achromatopsia

#E3E3E3

CSS Usage

background-color: #FFF100;
color: #FFF100;
border-color: #FFF100;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFBB8
300
#FFF885
400
#FFF542
500
#FFF100
600
#CCC100
700
#A39A00
800
#807800
900
#5C5705
950
#3A3703

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026