#F3FACB

#F3FACB

Color Values

HEX

#F3FACB

RGB

243, 250, 203

HSL

68.9, 82.5%, 88.8%

HSV

68.9, 18.8%, 98.0%

CMYK

2.8%, 0.0%, 18.8%, 2.0%

OKLCH

0.9681 0.0614 114.4

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F3FACB

#D2CBFA

Analogous

#FAE9CB

#DBFACB

#F3FACB

Triadic

#F3FACB

#CBF3FA

#FACBF3

Split Complementary

#F3FACB

#CBDBFA

#E9CBFA

Tetradic

#F3FACB

#CBFAE9

#D2CBFA

#FACBDB

Color Blindness Simulation

Original

#F3FACB

Protanopia

#F6F6D6

Deuteranopia

#F6F5D9

Tritanopia

#F3DFE1

Achromatopsia

#F5F5F5

CSS Usage

background-color: #F3FACB;
color: #F3FACB;
border-color: #F3FACB;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FBFDF2
100
#F6FAE1
200
#F0F9BE
300
#E5F48F
400
#D7EE53
500
#C9E916
600
#A1BA12
700
#81950E
800
#65740B
900
#4A540C
950
#2F3508

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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