#F3FADF

#F3FADF

Color Values

HEX

#F3FADF

RGB

243, 250, 223

HSL

75.6, 73.0%, 92.7%

HSV

75.6, 10.8%, 98.0%

CMYK

2.8%, 0.0%, 10.8%, 2.0%

OKLCH

0.9727 0.0361 118.9

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F3FADF

#E6DFFA

Analogous

#FAF3DF

#E5FADF

#F3FADF

Triadic

#F3FADF

#DFF3FA

#FADFF3

Split Complementary

#F3FADF

#DFE5FA

#F3DFFA

Tetradic

#F3FADF

#DFFAF3

#E6DFFA

#FADFE5

Color Blindness Simulation

Original

#F3FADF

Protanopia

#F6F6E6

Deuteranopia

#F6F5E7

Tritanopia

#F3EBEC

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F2F8E2
200
#E8F5C1
300
#D7EE95
400
#C2E65C
500
#ACDD22
600
#8AB01C
700
#6E8D16
800
#566E11
900
#405011
950
#28330A

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026