#F8CCA8
A very light, vivid orange closely aligning with Peachpuff.
About #F8CCA8
Visually, #F8CCA8 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Peachpuff. Its digital footprint relies on 248 parts red, 204 parts green, and 168 parts blue light.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 18% Magenta, 32% Yellow, and 3% Black. Always request a physical proof before doing a large print run with this exact code.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F8CCA8
RGB248, 204, 168
HSL27.0°, 85.1%, 81.6%
CMYK0%, 18%, 32%, 3%
HSV27.0°, 32.3%, 97.3%
LAB85.0, 10.5, 23.8
XYZ67.4, 66.0, 46.2
Decimal16305320
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.48:1
Text on #FFFFFF
FAIL
14.19:1
Text on #000000
AAA
1.41:1
Text on #F8FAFC
FAIL
12.07:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F8CCA8;
}
.text-color {
color: #F8CCA8;
}
.border-color {
border: 2px solid #F8CCA8;
}