#FFD6BC

#FFD6BC

Color Values

HEX

#FFD6BC

RGB

255, 214, 188

HSL

23.3, 100.0%, 86.9%

HSV

23.3, 26.3%, 100.0%

CMYK

0.0%, 16.1%, 26.3%, 0.0%

OKLCH

0.9043 0.0577 54.2

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FFD6BC

#BCE5FF

Analogous

#FFBCC4

#FFF8BC

#FFD6BC

Triadic

#FFD6BC

#BCFFD6

#D6BCFF

Split Complementary

#FFD6BC

#BCFFF8

#BCC4FF

Tetradic

#FFD6BC

#C4FFBC

#BCE5FF

#F8BCFF

Color Blindness Simulation

Original

#FFD6BC

Protanopia

#EDEDC2

Deuteranopia

#F0F3C4

Tritanopia

#FDC7C8

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD3B8
300
#FFB485
400
#FF8C42
500
#FF6300
600
#CC4F00
700
#A33F00
800
#803200
900
#5C2705
950
#3A1803

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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