#F1FC95

#F1FC95

Color Values

HEX

#F1FC95

RGB

241, 252, 149

HSL

66.4, 94.5%, 78.6%

HSV

66.4, 40.9%, 98.8%

CMYK

4.4%, 0.0%, 40.9%, 1.2%

OKLCH

0.9608 0.1273 113.8

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F1FC95

#A095FC

Analogous

#FCD395

#BDFC95

#F1FC95

Triadic

#F1FC95

#95F1FC

#FC95F1

Split Complementary

#F1FC95

#95BDFC

#D395FC

Tetradic

#F1FC95

#95FCD3

#A095FC

#FC95BD

Color Blindness Simulation

Original

#F1FC95

Protanopia

#F6F6AE

Deuteranopia

#F5F4B4

Tritanopia

#F2C2C6

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F6FDBA
300
#EFFC88
400
#E7FA47
500
#DEF807
600
#B2C606
700
#8E9F04
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026