#FFD1BA

#FFD1BA

Color Values

HEX

#FFD1BA

RGB

255, 209, 186

HSL

20.0, 100.0%, 86.5%

HSV

20.0, 27.1%, 100.0%

CMYK

0.0%, 18.0%, 27.1%, 0.0%

OKLCH

0.8945 0.0606 48.0

Properties

Warm Light Nearest: Desert Sand

Color Harmonies

Complementary

#FFD1BA

#BAE8FF

Analogous

#FFBAC6

#FFF4BA

#FFD1BA

Triadic

#FFD1BA

#BAFFD1

#D1BAFF

Split Complementary

#FFD1BA

#BAFFF4

#BAC6FF

Tetradic

#FFD1BA

#C6FFBA

#BAE8FF

#F4BAFF

Color Blindness Simulation

Original

#FFD1BA

Protanopia

#EBEBC0

Deuteranopia

#EEF1C1

Tritanopia

#FDC4C5

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FFAD85
400
#FF8142
500
#FF5500
600
#CC4400
700
#A33600
800
#802A00
900
#5C2205
950
#3A1503

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026