#F3FBDC

#F3FBDC

Color Values

HEX

#F3FBDC

RGB

243, 251, 220

HSL

75.5, 79.5%, 92.4%

HSV

75.5, 12.4%, 98.4%

CMYK

3.2%, 0.0%, 12.4%, 1.6%

OKLCH

0.974 0.0414 118.9

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F3FBDC

#E4DCFB

Analogous

#FBF4DC

#E4FBDC

#F3FBDC

Triadic

#F3FBDC

#DCF3FB

#FBDCF3

Split Complementary

#F3FBDC

#DCE4FB

#F4DCFB

Tetradic

#F3FBDC

#DCFBF4

#E4DCFB

#FBDCE4

Color Blindness Simulation

Original

#F3FBDC

Protanopia

#F6F7E3

Deuteranopia

#F6F5E5

Tritanopia

#F3E9EB

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F3FBDC;
color: #F3FBDC;
border-color: #F3FBDC;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#FAFDF2
100
#F3F9E1
200
#E9F8BF
300
#D9F291
400
#C5EC56
500
#B0E51A
600
#8DB715
700
#719211
800
#58720D
900
#41530E
950
#293409

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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