#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