#F3F0D8

#F3F0D8

Color Values

HEX

#F3F0D8

RGB

243, 240, 216

HSL

53.3, 52.9%, 90.0%

HSV

53.3, 11.1%, 95.3%

CMYK

0.0%, 1.2%, 11.1%, 4.7%

OKLCH

0.9511 0.0317 101.1

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F3F0D8

#D8DBF3

Analogous

#F3E2D8

#E9F3D8

#F3F0D8

Triadic

#F3F0D8

#D8F3F0

#F0D8F3

Split Complementary

#F3F0D8

#D8E9F3

#E2D8F3

Tetradic

#F3F0D8

#D8F3E2

#D8DBF3

#F3D8E9

Color Blindness Simulation

Original

#F3F0D8

Protanopia

#F2F2DE

Deuteranopia

#F2F2DF

Tritanopia

#F3E2E3

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F3F0D8;
color: #F3F0D8;
border-color: #F3F0D8;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EEEAC8
300
#E2DBA1
400
#D3C76F
500
#C3B43C
600
#9C9030
700
#7D7326
800
#615A1E
900
#484219
950
#2D2A10

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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