#FAF4BF

#FAF4BF

Color Values

HEX

#FAF4BF

RGB

250, 244, 191

HSL

53.9, 85.5%, 86.5%

HSV

53.9, 23.6%, 98.0%

CMYK

0.0%, 2.4%, 23.6%, 2.0%

OKLCH

0.959 0.0684 102.2

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FAF4BF

#BFC5FA

Analogous

#FAD7BF

#E3FABF

#FAF4BF

Triadic

#FAF4BF

#BFFAF4

#F4BFFA

Split Complementary

#FAF4BF

#BFE3FA

#D7BFFA

Tetradic

#FAF4BF

#BFFAD7

#BFC5FA

#FABFE3

Color Blindness Simulation

Original

#FAF4BF

Protanopia

#F7F7CC

Deuteranopia

#F8F8CF

Tritanopia

#FAD6D8

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF7E0
200
#FAF4BD
300
#F6EB8D
400
#F1E150
500
#EDD612
600
#BDAB0F
700
#97890C
800
#766B09
900
#564E0B
950
#363107

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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