#FAFEB3

#FAFEB3

Color Values

HEX

#FAFEB3

RGB

250, 254, 179

HSL

63.2, 97.4%, 84.9%

HSV

63.2, 29.5%, 99.6%

CMYK

1.6%, 0.0%, 29.5%, 0.4%

OKLCH

0.9767 0.0947 110.6

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FAFEB3

#B7B3FE

Analogous

#FEDCB3

#D4FEB3

#FAFEB3

Triadic

#FAFEB3

#B3FAFE

#FEB3FA

Split Complementary

#FAFEB3

#B3D4FE

#DCB3FE

Tetradic

#FAFEB3

#B3FEDC

#B7B3FE

#FEB3D4

Color Blindness Simulation

Original

#FAFEB3

Protanopia

#FCFCC5

Deuteranopia

#FCFBCA

Tritanopia

#FAD3D7

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#FAFEB9
300
#F7FD86
400
#F3FD45
500
#EEFC03
600
#BFC903
700
#99A102
800
#777E02
900
#565B06
950
#373904

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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