#FAF7EB

#FAF7EB

Color Values

HEX

#FAF7EB

RGB

250, 247, 235

HSL

48.0, 60.0%, 95.1%

HSV

48.0, 6.0%, 98.0%

CMYK

0.0%, 1.2%, 6.0%, 2.0%

OKLCH

0.9752 0.0161 95.2

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FAF7EB

#EBEEFA

Analogous

#FAF0EB

#F6FAEB

#FAF7EB

Triadic

#FAF7EB

#EBFAF7

#F7EBFA

Split Complementary

#FAF7EB

#EBF6FA

#F0EBFA

Tetradic

#FAF7EB

#EBFAF0

#EBEEFA

#FAEBF6

Color Blindness Simulation

Original

#FAF7EB

Protanopia

#F9F9EE

Deuteranopia

#F9F9EF

Tritanopia

#FAF0F1

Achromatopsia

#F7F7F7

CSS Usage

background-color: #FAF7EB;
color: #FAF7EB;
border-color: #FAF7EB;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FBFAF3
100
#F6F3E4
200
#F1E8C6
300
#E7D89D
400
#D9C368
500
#CCAD33
600
#A38B29
700
#836F21
800
#66571A
900
#4B4016
950
#2F290E

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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