#FAF3BF

#FAF3BF

Color Values

HEX

#FAF3BF

RGB

250, 243, 191

HSL

52.9, 85.5%, 86.5%

HSV

52.9, 23.6%, 98.0%

CMYK

0.0%, 2.8%, 23.6%, 2.0%

OKLCH

0.957 0.0673 101.2

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FAF3BF

#BFC6FA

Analogous

#FAD6BF

#E4FABF

#FAF3BF

Triadic

#FAF3BF

#BFFAF3

#F3BFFA

Split Complementary

#FAF3BF

#BFE4FA

#D6BFFA

Tetradic

#FAF3BF

#BFFAD6

#BFC6FA

#FABFE4

Color Blindness Simulation

Original

#FAF3BF

Protanopia

#F7F7CC

Deuteranopia

#F7F8CF

Tritanopia

#FAD6D8

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF7E0
200
#FAF3BD
300
#F6EA8D
400
#F1DE50
500
#EDD312
600
#BDA90F
700
#97870C
800
#766909
900
#564D0B
950
#363107

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026