#FDDFB0

#FDDFB0

Color Values

HEX

#FDDFB0

RGB

253, 223, 176

HSL

36.6, 95.1%, 84.1%

HSV

36.6, 30.4%, 99.2%

CMYK

0.0%, 11.9%, 30.4%, 0.8%

OKLCH

0.9172 0.0692 78.8

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FDDFB0

#B0CEFD

Analogous

#FDB8B0

#F5FDB0

#FDDFB0

Triadic

#FDDFB0

#B0FDDF

#DFB0FD

Split Complementary

#FDDFB0

#B0F5FD

#B8B0FD

Tetradic

#FDDFB0

#B0FDB8

#B0CEFD

#FDB0F5

Color Blindness Simulation

Original

#FDDFB0

Protanopia

#F0F0BB

Deuteranopia

#F2F4BE

Tritanopia

#FCC4C6

Achromatopsia

#E2E2E2

CSS Usage

background-color: #FDDFB0;
color: #FDDFB0;
border-color: #FDDFB0;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE3B9
300
#FCCF88
400
#FAB447
500
#F99A06
600
#C77B05
700
#9F6304
800
#7C4D03
900
#5A3A07
950
#392404

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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