#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