#F2FC98

#F2FC98

Color Values

HEX

#F2FC98

RGB

242, 252, 152

HSL

66,0, 94,3%, 79,2%

HSV

66,0, 39,7%, 98,8%

CMYK

4,0%, 0,0%, 39,7%, 1,2%

OKLCH

0,962 0,1239 113,4

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F2FC98

#A298FC

Analogous

#FCD498

#C0FC98

#F2FC98

Triadic

#F2FC98

#98F2FC

#FC98F2

Split Complementary

#F2FC98

#98C0FC

#D498FC

Tetradic

#F2FC98

#98FCD4

#A298FC

#FC98C0

Color Blindness Simulation

Original

#F2FC98

Protanopia

#F6F6B0

Deuteranopia

#F6F5B6

Tritanopia

#F2C3C8

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F6FDBA
300
#F0FC88
400
#E8FA48
500
#E0F807
600
#B3C606
700
#8F9F05
800
#707C04
900
#515A07
950
#333905

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,15: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