#F8D3AF
A very light, vivid orange closely aligning with Peachpuff.
About #F8D3AF
Visually, #F8D3AF is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Peachpuff. In the RGB color space, it consists of 248 red, 211 green, and 175 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 15% Magenta, 29% Yellow, and 3% Black. The HSL representation is 29.6° hue, 83.9% saturation, and 82.9% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#F8D3AF
RGB248, 211, 175
HSL29.6°, 83.9%, 82.9%
CMYK0%, 15%, 29%, 3%
HSV29.6°, 29.4%, 97.3%
LAB86.8, 7.8, 22.6
XYZ69.7, 69.6, 50.3
Decimal16307119
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.41:1
Text on #FFFFFF
FAIL
14.93:1
Text on #000000
AAA
1.34:1
Text on #F8FAFC
FAIL
12.69:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F8D3AF;
}
.text-color {
color: #F8D3AF;
}
.border-color {
border: 2px solid #F8D3AF;
}