#FAFFD3

#FAFFD3

Color Values

HEX

#FAFFD3

RGB

250, 255, 211

HSL

66,8, 100,0%, 91,4%

HSV

66,8, 17,3%, 100,0%

CMYK

2,0%, 0,0%, 17,3%, 0,0%

OKLCH

0,9852 0,0571 112,7

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FAFFD3

#D8D3FF

Analogous

#FFEED3

#E4FFD3

#FAFFD3

Triadic

#FAFFD3

#D3FAFF

#FFD3FA

Split Complementary

#FAFFD3

#D3E4FF

#EED3FF

Tetradic

#FAFFD3

#D3FFEE

#D8D3FF

#FFD3E4

Color Blindness Simulation

Original

#FAFFD3

Protanopia

#FCFCDE

Deuteranopia

#FCFCE0

Tritanopia

#FAE6E8

Achromatopsia

#FBFBFB

CSS Usage

background-color: #FAFFD3;
color: #FAFFD3;
border-color: #FAFFD3;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FCFEF1
100
#F9FCDE
200
#F7FFB8
300
#F1FF85
400
#EAFF42
500
#E2FF00
600
#B5CC00
700
#91A300
800
#718000
900
#525C05
950
#343A03

Contrast Checker

Text on white

1,03:1

AA Fail AAA Fail

Text on black

20,31: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