#F3FDDC

#F3FDDC

Color Values

HEX

#F3FDDC

RGB

243, 253, 220

HSL

78.2, 89.2%, 92.7%

HSV

78.2, 13.0%, 99.2%

CMYK

4.0%, 0.0%, 13.0%, 0.8%

OKLCH

0.978 0.0444 120.9

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F3FDDC

#E6DCFD

Analogous

#FDF6DC

#E2FDDC

#F3FDDC

Triadic

#F3FDDC

#DCF3FD

#FDDCF3

Split Complementary

#F3FDDC

#DCE2FD

#F6DCFD

Tetradic

#F3FDDC

#DCFDF6

#E6DCFD

#FDDCE2

Color Blindness Simulation

Original

#F3FDDC

Protanopia

#F7F7E4

Deuteranopia

#F7F6E6

Tritanopia

#F4EAEC

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F2FBE0
200
#E8FBBB
300
#D7F88B
400
#C2F54C
500
#ACF10E
600
#8AC10B
700
#6E9A09
800
#567907
900
#40570A
950
#283706

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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