#F6F7C2

#F6F7C2

Color Values

HEX

#F6F7C2

RGB

246, 247, 194

HSL

61.1, 76.8%, 86.5%

HSV

61.1, 21.5%, 96.9%

CMYK

0.4%, 0.0%, 21.5%, 3.1%

OKLCH

0.9624 0.0683 108.5

Properties

Cool Light Nearest: lemonchiffon

Color Harmonies

Complementary

#F6F7C2

#C3C2F7

Analogous

#F7DEC2

#DCF7C2

#F6F7C2

Triadic

#F6F7C2

#C2F6F7

#F7C2F6

Split Complementary

#F6F7C2

#C2DCF7

#DEC2F7

Tetradic

#F6F7C2

#C2F7DE

#C3C2F7

#F7C2DC

Color Blindness Simulation

Original

#F6F7C2

Protanopia

#F6F6CF

Deuteranopia

#F6F6D2

Tritanopia

#F6D9DB

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E1
200
#F6F7C0
300
#EFF193
400
#E6E958
500
#DEE11E
600
#B1B418
700
#8E9013
800
#6F710F
900
#51520F
950
#333409

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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