#F1FC96

#F1FC96

Color Values

HEX

#F1FC96

RGB

241, 252, 150

HSL

66.5, 94.4%, 78.8%

HSV

66.5, 40.5%, 98.8%

CMYK

4.4%, 0.0%, 40.5%, 1.2%

OKLCH

0.9609 0.1262 113.8

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F1FC96

#A196FC

Analogous

#FCD496

#BEFC96

#F1FC96

Triadic

#F1FC96

#96F1FC

#FC96F1

Split Complementary

#F1FC96

#96BEFC

#D496FC

Tetradic

#F1FC96

#96FCD4

#A196FC

#FC96BE

Color Blindness Simulation

Original

#F1FC96

Protanopia

#F6F6AF

Deuteranopia

#F5F4B5

Tritanopia

#F2C2C6

Achromatopsia

#F2F2F2

CSS Usage

background-color: #F1FC96;
color: #F1FC96;
border-color: #F1FC96;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F6FDBA
300
#EFFC88
400
#E6FA48
500
#DEF807
600
#B1C606
700
#8E9F05
800
#6F7C04
900
#515A07
950
#333905

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026