#F8FADE

#F8FADE

Color Values

HEX

#F8FADE

RGB

248, 250, 222

HSL

64.3, 73.7%, 92.5%

HSV

64.3, 11.2%, 98.0%

CMYK

0.8%, 0.0%, 11.2%, 2.0%

OKLCH

0.9763 0.0366 110.4

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F8FADE

#E0DEFA

Analogous

#FAEEDE

#EAFADE

#F8FADE

Triadic

#F8FADE

#DEF8FA

#FADEF8

Split Complementary

#F8FADE

#DEEAFA

#EEDEFA

Tetradic

#F8FADE

#DEFAEE

#E0DEFA

#FADEEA

Color Blindness Simulation

Original

#F8FADE

Protanopia

#F9F9E5

Deuteranopia

#F9F9E6

Tritanopia

#F8EAEB

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E2
200
#F2F6C1
300
#E8EF95
400
#DCE65B
500
#D0DD22
600
#A6B11B
700
#858E15
800
#686F11
900
#4C5110
950
#30330A

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026