#FDF0BA

#FDF0BA

Color Values

HEX

#FDF0BA

RGB

253, 240, 186

HSL

48,4, 94,4%, 86,1%

HSV

48,4, 26,5%, 99,2%

CMYK

0,0%, 5,1%, 26,5%, 0,8%

OKLCH

0,9524 0,0706 96,1

Properties

Warm Light Nearest: Banana Mania

Color Harmonies

Complementary

#FDF0BA

#BAC7FD

Analogous

#FDCFBA

#E8FDBA

#FDF0BA

Triadic

#FDF0BA

#BAFDF0

#F0BAFD

Split Complementary

#FDF0BA

#BAE8FD

#CFBAFD

Tetradic

#FDF0BA

#BAFDCF

#BAC7FD

#FDBAE8

Color Blindness Simulation

Original

#FDF0BA

Protanopia

#F7F7C7

Deuteranopia

#F8F9CA

Tritanopia

#FCD1D4

Achromatopsia

#EFEFEF

CSS Usage

background-color: #FDF0BA;
color: #FDF0BA;
border-color: #FDF0BA;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FDF0BA
300
#FCE588
400
#FAD748
500
#F8C907
600
#C6A106
700
#9F8105
800
#7C6504
900
#5A4A07
950
#392F05

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,35: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