#F2F0CF

#F2F0CF

Color Values

HEX

#F2F0CF

RGB

242, 240, 207

HSL

56,6, 57,4%, 88,0%

HSV

56,6, 14,5%, 94,9%

CMYK

0,0%, 0,8%, 14,5%, 5,1%

OKLCH

0,9482 0,0433 104,3

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F2F0CF

#CFD1F2

Analogous

#F2DECF

#E2F2CF

#F2F0CF

Triadic

#F2F0CF

#CFF2F0

#F0CFF2

Split Complementary

#F2F0CF

#CFE2F2

#DECFF2

Tetradic

#F2F0CF

#CFF2DE

#CFD1F2

#F2CFE2

Color Blindness Simulation

Original

#F2F0CF

Protanopia

#F1F1D7

Deuteranopia

#F1F1D9

Tritanopia

#F2DDDF

Achromatopsia

#EEEEEE

CSS Usage

background-color: #F2F0CF;
color: #F2F0CF;
border-color: #F2F0CF;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBFBF4
100
#F6F5E4
200
#F0EDC7
300
#E5E19F
400
#D7D16A
500
#C9C036
600
#A19A2B
700
#807B23
800
#64601B
900
#494717
950
#2E2D0F

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,14: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