#F0C5AF
A very light, moderate orange closely aligning with Peachpuff.
About #F0C5AF
The precise color #F0C5AF is an excellent choice for modern design projects. It is closely associated with the named CSS color Peachpuff. This translates to an RGB value of rgb(240, 197, 175).
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 18% magenta, 27% yellow, and 6% black. The HSL representation is 20.3° hue, 68.4% saturation, and 81.4% lightness.
From a UX and accessibility standpoint, contrast is paramount. Because it is a very light color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F0C5AF
RGB240, 197, 175
HSL20.3°, 68.4%, 81.4%
CMYK0%, 18%, 27%, 6%
HSV20.3°, 27.1%, 94.1%
LAB82.7, 12.1, 16.8
XYZ63.6, 61.6, 49.1
Decimal15779247
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.58:1
Text on #FFFFFF
FAIL
13.31:1
Text on #000000
AAA
1.51:1
Text on #F8FAFC
FAIL
11.32:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F0C5AF;
}
.text-color {
color: #F0C5AF;
}
.border-color {
border: 2px solid #F0C5AF;
}