#FAFDA4

#FAFDA4

Color Values

HEX

#FAFDA4

RGB

250, 253, 164

HSL

62.0, 95.7%, 81.8%

HSV

62.0, 35.2%, 99.2%

CMYK

1.2%, 0.0%, 35.2%, 0.8%

OKLCH

0.9721 0.1107 109.9

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#FAFDA4

#A7A4FD

Analogous

#FDD4A4

#CEFDA4

#FAFDA4

Triadic

#FAFDA4

#A4FAFD

#FDA4FA

Split Complementary

#FAFDA4

#A4CEFD

#D4A4FD

Tetradic

#FAFDA4

#A4FDD4

#A7A4FD

#FDA4CE

Color Blindness Simulation

Original

#FAFDA4

Protanopia

#FBFBBA

Deuteranopia

#FBFBBF

Tritanopia

#FACBCE

Achromatopsia

#F6F6F6

CSS Usage

background-color: #FAFDA4;
color: #FAFDA4;
border-color: #FAFDA4;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFEF1
100
#FBFCDF
200
#FBFDB9
300
#F8FC87
400
#F5FB46
500
#F1FA05
600
#C1C804
700
#9AA004
800
#797D03
900
#575A07
950
#373904

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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