#F9F6CF

#F9F6CF

Color Values

HEX

#F9F6CF

RGB

249, 246, 207

HSL

55.7, 77.8%, 89.4%

HSV

55.7, 16.9%, 97.6%

CMYK

0.0%, 1.2%, 16.9%, 2.4%

OKLCH

0.9656 0.0507 103.7

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F9F6CF

#CFD2F9

Analogous

#F9E1CF

#E7F9CF

#F9F6CF

Triadic

#F9F6CF

#CFF9F6

#F6CFF9

Split Complementary

#F9F6CF

#CFE7F9

#E1CFF9

Tetradic

#F9F6CF

#CFF9E1

#CFD2F9

#F9CFE7

Color Blindness Simulation

Original

#F9F6CF

Protanopia

#F8F8D8

Deuteranopia

#F8F8DB

Tritanopia

#F9E0E2

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F7E1
200
#F7F3C0
300
#F1EB92
400
#EAE057
500
#E3D41C
600
#B5AA17
700
#918812
800
#716A0E
900
#524E0F
950
#343109

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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