#F4D4BA

#F4D4BA

Color Values

HEX

#F4D4BA

RGB

244, 212, 186

HSL

26.9, 72.5%, 84.3%

HSV

26.9, 23.8%, 95.7%

CMYK

0.0%, 13.1%, 23.8%, 4.3%

OKLCH

0.8901 0.05 61.2

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F4D4BA

#BADAF4

Analogous

#F4BABD

#F4F1BA

#F4D4BA

Triadic

#F4D4BA

#BAF4D4

#D4BAF4

Split Complementary

#F4D4BA

#BAF4F1

#BABDF4

Tetradic

#F4D4BA

#BDF4BA

#BADAF4

#F1BAF4

Color Blindness Simulation

Original

#F4D4BA

Protanopia

#E6E6C0

Deuteranopia

#E8EAC2

Tritanopia

#F2C5C6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #F4D4BA;
color: #F4D4BA;
border-color: #F4D4BA;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F5D9C1
300
#EEBD95
400
#E59A5C
500
#DC7623
600
#B05E1C
700
#8D4B16
800
#6E3B12
900
#502D11
950
#331D0B

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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