CSS named color
Ivory
#FFFFF0
HEX
#fffff0RGB
rgb(255, 255, 240)HSL
hsl(60, 100%, 97%)OKLCH
oklch(99.60% 0.0196 106.75)NAME
ivoryPalette
Complementary
180° on the color wheelComplement
#F0F0FF
Analogous
±30° around the base hueLeft
#FFF7F0
Right
#F7FFF0
Triadic
±120° for harmonic contrastTriad 1
#F0FFFF
Azure
Triad 2
#FFF0FF
Shades
Lighter and darker variantsCSS usage
By name
color: ivory;
background-color: ivory;By HEX
color: #fffff0;
background-color: #fffff0;By RGB
color: rgb(255, 255, 240);
background-color: rgb(255, 255, 240);By HSL
color: hsl(60, 100%, 97%);
background-color: hsl(60, 100%, 97%);WCAG contrast vs white
Aa
1.01:1
Below minimum
WCAG contrast vs black
Aa
20.81:1
AAA
Related colors
FAQ — Ivory
What is the HEX code for Ivory?
The HEX code for Ivory is #FFFFF0. It's one of the 148 named CSS colors and can be used directly in CSS as color: ivory; or color: #fffff0;
What is Ivory in RGB?
Ivory in RGB is rgb(255, 255, 240) — red 255, green 255, blue 240.
What is Ivory in HSL?
Ivory in HSL is hsl(60, 100%, 97%) — hue 60°, saturation 100%, lightness 97%.
What is the complementary color of Ivory?
The complementary color (directly opposite Ivory on the color wheel) is #F0F0FF. The two together produce maximum contrast.
Is white text readable on Ivory?
The WCAG contrast ratio against white (#FFFFFF) is 1.01:1, and against black (#000000) it's 20.81:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.