#F1E960

#F1E960

Color Values

HEX

#F1E960

RGB

241, 233, 96

HSL

56.7, 83.8%, 66.1%

HSV

56.7, 60.2%, 94.5%

CMYK

0.0%, 3.3%, 60.2%, 5.5%

OKLCH

0.9151 0.1562 105.9

Properties

Warm Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#F1E960

#6068F1

Analogous

#F1A160

#B1F160

#F1E960

Triadic

#F1E960

#60F1E9

#E960F1

Split Complementary

#F1E960

#60B1F1

#A160F1

Tetradic

#F1E960

#60F1A1

#6068F1

#F160B1

Color Blindness Simulation

Original

#F1E960

Protanopia

#EEED81

Deuteranopia

#EEEF89

Tritanopia

#F19BA1

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#F9F6BD
300
#F5EF8F
400
#F0E752
500
#EADF15
600
#BBB211
700
#968E0D
800
#756F0A
900
#55510C
950
#363308

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026