#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026