#F3FFDC

#F3FFDC

Color Values

HEX

#F3FFDC

RGB

243, 255, 220

HSL

80,6, 100,0%, 93,1%

HSV

80,6, 13,7%, 100,0%

CMYK

4,7%, 0,0%, 13,7%, 0,0%

OKLCH

0,982 0,0474 122,7

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F3FFDC

#E8DCFF

Analogous

#FFF9DC

#E1FFDC

#F3FFDC

Triadic

#F3FFDC

#DCF3FF

#FFDCF3

Split Complementary

#F3FFDC

#DCE1FF

#F9DCFF

Tetradic

#F3FFDC

#DCFFF9

#E8DCFF

#FFDCE1

Color Blindness Simulation

Original

#F3FFDC

Protanopia

#F8F8E4

Deuteranopia

#F8F7E6

Tritanopia

#F4EBED

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F2FCDE
200
#E6FFB8
300
#D5FF85
400
#BEFF42
500
#A7FF00
600
#86CC00
700
#6BA300
800
#548000
900
#3E5C05
950
#273A03

Contrast Checker

Text on white

1,04:1

AA Fail AAA Fail

Text on black

20,15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026