#F3FDC6

#F3FDC6

Color Values

HEX

#F3FDC6

RGB

243, 253, 198

HSL

70.9, 93.2%, 88.4%

HSV

70.9, 21.7%, 99.2%

CMYK

4.0%, 0.0%, 21.7%, 0.8%

OKLCH

0.9731 0.0717 116.1

Properties

Cool Light Nearest: lemonchiffon

Color Harmonies

Complementary

#F3FDC6

#D0C6FD

Analogous

#FDEBC6

#D7FDC6

#F3FDC6

Triadic

#F3FDC6

#C6F3FD

#FDC6F3

Split Complementary

#F3FDC6

#C6D7FD

#EBC6FD

Tetradic

#F3FDC6

#C6FDEB

#D0C6FD

#FDC6D7

Color Blindness Simulation

Original

#F3FDC6

Protanopia

#F7F7D3

Deuteranopia

#F7F6D6

Tritanopia

#F4DEE0

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F0FDBA
300
#E6FB89
400
#D9F949
500
#CBF609
600
#A3C507
700
#829E06
800
#667B04
900
#4A5908
950
#2F3805

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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