#F2FCC7

#F2FCC7

Color Values

HEX

#F2FCC7

RGB

242, 252, 199

HSL

71.3, 89.8%, 88.4%

HSV

71.3, 21.0%, 98.8%

CMYK

4.0%, 0.0%, 21.0%, 1.2%

OKLCH

0.9705 0.0693 116.4

Properties

Cool Light Nearest: lemonchiffon

Color Harmonies

Complementary

#F2FCC7

#D1C7FC

Analogous

#FCEBC7

#D7FCC7

#F2FCC7

Triadic

#F2FCC7

#C7F2FC

#FCC7F2

Split Complementary

#F2FCC7

#C7D7FC

#EBC7FC

Tetradic

#F2FCC7

#C7FCEB

#D1C7FC

#FCC7D7

Color Blindness Simulation

Original

#F2FCC7

Protanopia

#F6F6D4

Deuteranopia

#F6F5D7

Tritanopia

#F2DEE0

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F2FCC7;
color: #F2FCC7;
border-color: #F2FCC7;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FBFDF2
100
#F6FBE0
200
#EFFBBB
300
#E4F98B
400
#D5F54C
500
#C7F20D
600
#9FC20A
700
#7F9B08
800
#637907
900
#495809
950
#2E3706

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

19.52: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