#FAFFEC

#FAFFEC

Color Values

HEX

#FAFFEC

RGB

250, 255, 236

HSL

75.8, 100.0%, 96.3%

HSV

75.8, 7.5%, 100.0%

CMYK

2.0%, 0.0%, 7.5%, 0.0%

OKLCH

0.9912 0.0254 118.9

Properties

Cool Light Nearest: ivory

Color Harmonies

Complementary

#FAFFEC

#F1ECFF

Analogous

#FFFBEC

#F1FFEC

#FAFFEC

Triadic

#FAFFEC

#ECFAFF

#FFECFA

Split Complementary

#FAFFEC

#ECF1FF

#FBECFF

Tetradic

#FAFFEC

#ECFFFB

#F1ECFF

#FFECF1

Color Blindness Simulation

Original

#FAFFEC

Protanopia

#FCFCF1

Deuteranopia

#FCFCF2

Tritanopia

#FAF4F5

Achromatopsia

#FDFDFD

CSS Usage

background-color: #FAFFEC;
color: #FAFFEC;
border-color: #FAFFEC;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#ECFFB8
300
#DFFF85
400
#CDFF42
500
#BCFF00
600
#96CC00
700
#78A300
800
#5E8000
900
#455C05
950
#2C3A03

Contrast Checker

Text on white

1.02:1

AA Fail AAA Fail

Text on black

20.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026