#FFD5BC

#FFD5BC

Color Values

HEX

#FFD5BC

RGB

255, 213, 188

HSL

22.4, 100.0%, 86.9%

HSV

22.4, 26.3%, 100.0%

CMYK

0.0%, 16.5%, 26.3%, 0.0%

OKLCH

0.9025 0.058 52.5

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FFD5BC

#BCE6FF

Analogous

#FFBCC5

#FFF7BC

#FFD5BC

Triadic

#FFD5BC

#BCFFD5

#D5BCFF

Split Complementary

#FFD5BC

#BCFFF7

#BCC5FF

Tetradic

#FFD5BC

#C5FFBC

#BCE6FF

#F7BCFF

Color Blindness Simulation

Original

#FFD5BC

Protanopia

#EDECC2

Deuteranopia

#EFF2C4

Tritanopia

#FDC7C8

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FFD2B8
300
#FFB285
400
#FF8942
500
#FF5F00
600
#CC4C00
700
#A33D00
800
#803000
900
#5C2505
950
#3A1803

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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