#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

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