#F7F266
A light, vivid yellow closely aligning with Khaki.
About #F7F266
Visually, #F7F266 is defined as a vivid yellow. If you're using CSS, you might find it aligns closely with Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 247, 242, and 102.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 2% magenta, 59% yellow, and 3% black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#F7F266
RGB247, 242, 102
HSL57.9°, 90.1%, 68.4%
CMYK0%, 2%, 59%, 3%
HSV57.9°, 58.7%, 96.9%
LAB93.6, -15.4, 66.4
XYZ72.5, 84.2, 25.0
Decimal16249446
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.18:1
Text on #FFFFFF
FAIL
17.85:1
Text on #000000
AAA
1.12:1
Text on #F8FAFC
FAIL
15.17:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F7F266;
}
.text-color {
color: #F7F266;
}
.border-color {
border: 2px solid #F7F266;
}