#F0D3B6

A very light, moderate orange closely aligning with Peachpuff.

About #F0D3B6

The precise color #F0D3B6 is an excellent choice for modern design projects. It is closely associated with the named CSS color Peachpuff. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 211, and 182.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 12% magenta inks. The HSL representation is 30.0° hue, 65.9% saturation, and 82.7% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F0D3B6
RGB240, 211, 182
HSL30.0°, 65.9%, 82.7%
CMYK0%, 12%, 24%, 6%
HSV30.0°, 24.2%, 94.1%
LAB86.3, 5.7, 18.1
XYZ67.7, 68.5, 53.9
Decimal15782838

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.43:1
Text on #FFFFFF
FAIL
14.70:1
Text on #000000
AAA
1.37:1
Text on #F8FAFC
FAIL
12.50:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #F0D3B6; }
.text-color { color: #F0D3B6; }
.border-color { border: 2px solid #F0D3B6; }

Similar Colors

Peachpuff
#FFDAB9