#F8D5BA

#F8D5BA

Color Values

HEX

#F8D5BA

RGB

248, 213, 186

HSL

26.1, 81.6%, 85.1%

HSV

26.1, 25.0%, 97.3%

CMYK

0.0%, 14.1%, 25.0%, 2.7%

OKLCH

0.8956 0.0533 59.7

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#F8D5BA

#BADDF8

Analogous

#F8BABE

#F8F4BA

#F8D5BA

Triadic

#F8D5BA

#BAF8D5

#D5BAF8

Split Complementary

#F8D5BA

#BAF8F4

#BABEF8

Tetradic

#F8D5BA

#BEF8BA

#BADDF8

#F4BAF8

Color Blindness Simulation

Original

#F8D5BA

Protanopia

#E9E9C1

Deuteranopia

#EBEEC2

Tritanopia

#F6C6C7

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F8D8BE
300
#F4BB90
400
#EE9754
500
#E87217
600
#B95B13
700
#94490F
800
#74390C
900
#542C0D
950
#351C08

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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