#F6D7BC

#F6D7BC

Color Values

HEX

#F6D7BC

RGB

246, 215, 188

HSL

27.9, 76.3%, 85.1%

HSV

27.9, 23.6%, 96.5%

CMYK

0.0%, 12.6%, 23.6%, 3.5%

OKLCH

0.8981 0.0499 63.2

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F6D7BC

#BCDBF6

Analogous

#F6BCBE

#F6F4BC

#F6D7BC

Triadic

#F6D7BC

#BCF6D7

#D7BCF6

Split Complementary

#F6D7BC

#BCF6F4

#BCBEF6

Tetradic

#F6D7BC

#BEF6BC

#BCDBF6

#F4BCF6

Color Blindness Simulation

Original

#F6D7BC

Protanopia

#E9E8C3

Deuteranopia

#EAEDC4

Tritanopia

#F4C8C9

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F7D9C0
300
#F0BF93
400
#E99C59
500
#E1791E
600
#B46118
700
#904D13
800
#703C0F
900
#522E0F
950
#341D0A

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026