#F2F2DD

#F2F2DD

Color Values

HEX

#F2F2DD

RGB

242, 242, 221

HSL

60.0, 44.7%, 90.8%

HSV

60.0, 8.7%, 94.9%

CMYK

0.0%, 0.0%, 8.7%, 5.1%

OKLCH

0.9556 0.0277 106.9

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F2F2DD

#DDDDF2

Analogous

#F2E8DD

#E8F2DD

#F2F2DD

Triadic

#F2F2DD

#DDF2F2

#F2DDF2

Split Complementary

#F2F2DD

#DDE8F2

#E8DDF2

Tetradic

#F2F2DD

#DDF2E8

#DDDDF2

#F2DDE8

Color Blindness Simulation

Original

#F2F2DD

Protanopia

#F2F2E2

Deuteranopia

#F2F2E3

Tritanopia

#F2E6E7

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBEBCB
300
#DDDDA6
400
#CBCB76
500
#B8B847
600
#949438
700
#76762D
800
#5C5C23
900
#44441D
950
#2B2B12

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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