#F6F2BF

#F6F2BF

Color Values

HEX

#F6F2BF

RGB

246, 242, 191

HSL

55.6, 75.3%, 85.7%

HSV

55.6, 22.4%, 96.5%

CMYK

0.0%, 1.6%, 22.4%, 3.5%

OKLCH

0.9518 0.0659 103.8

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#F6F2BF

#BFC3F6

Analogous

#F6D7BF

#DFF6BF

#F6F2BF

Triadic

#F6F2BF

#BFF6F2

#F2BFF6

Split Complementary

#F6F2BF

#BFDFF6

#D7BFF6

Tetradic

#F6F2BF

#BFF6D7

#BFC3F6

#F6BFDF

Color Blindness Simulation

Original

#F6F2BF

Protanopia

#F4F4CB

Deuteranopia

#F4F5CE

Tritanopia

#F6D5D7

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F6F2BF;
color: #F6F2BF;
border-color: #F6F2BF;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FCFCF2
100
#F9F7E2
200
#F6F2C0
300
#F0E994
400
#E8DD5A
500
#E0D11F
600
#B3A819
700
#8F8614
800
#706910
900
#514C10
950
#33300A

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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