#FAF3BC

#FAF3BC

Color Values

HEX

#FAF3BC

RGB

250, 243, 188

HSL

53.2, 86.1%, 85.9%

HSV

53.2, 24.8%, 98.0%

CMYK

0.0%, 2.8%, 24.8%, 2.0%

OKLCH

0.9564 0.0709 101.6

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FAF3BC

#BCC3FA

Analogous

#FAD4BC

#E2FABC

#FAF3BC

Triadic

#FAF3BC

#BCFAF3

#F3BCFA

Split Complementary

#FAF3BC

#BCE2FA

#D4BCFA

Tetradic

#FAF3BC

#BCFAD4

#BCC3FA

#FABCE2

Color Blindness Simulation

Original

#FAF3BC

Protanopia

#F7F7C9

Deuteranopia

#F7F8CC

Tritanopia

#FAD4D6

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF7E0
200
#FAF3BD
300
#F6EB8D
400
#F2DF4F
500
#EDD412
600
#BEAA0E
700
#98880B
800
#776A09
900
#564D0B
950
#363107

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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