ivory
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
#FFFFF0
CSS color
Overview
Ivory is among the palest colors in the CSS palette, rgb(255, 255, 240) at hex #FFFFF0 — red and green at maximum with blue only marginally reduced. The result is a warm off-white, a 60-degree yellow at just five percent saturation and full brightness, barely distinguishable from white yet perceptibly softer. One of the extended CSS3 named colors, ivory takes its name from the creamy material of tusks. Its faint warmth suits it to backgrounds and surfaces where pure #FFFFFF would feel stark, lending pages a subtle, paper-like tone. Positioned within a cluster of CSS off-whites such as snow, seashell, and floralwhite, ivory is among the warmest of them, its yellow bias distinguishing it from the cooler, blue-tinged near-whites.
Ivory (#FFFFF0) is an extremely pale, barely-visible warm yellow CSS named color, referencing the creamy off-white of elephant and mammoth tusks. It is warmer than pure white but barely so, making it a luxurious, organic-feeling alternative for fine typography, wedding stationery, and high-end print design. Its name alone carries connotations of natural luxury.
On this page
Color Values
#FFFFF0
255, 255, 240
60.0, 100.0%, 97.1%
60.0, 5.9%, 100.0%
0.0%, 0.0%, 5.9%, 0.0%
0.996 0.0196 106.8
Properties
Color Psychology
Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.
Design Usage
Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #FFFFF0;
color: #FFFFF0;
border-color: #FFFFF0;
Amber 50
#FFFBEB
Tailwind Shades
Contrast Checker
Text on white
1.01:1
Text on black
20.81:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FFFFF0?
RGB(255, 255, 240) · HSL(60.0, 100.0%, 97.1%) · CMYK(0.0%, 0.0%, 5.9%, 0.0%)
Does #FFFFF0 meet WCAG contrast on white?
1.01:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FFFFF0?
Use 000000 text on a #FFFFF0 background; contrast on black is 20.81:1.