- No data uploaded
- Instant results
Ivory — #FFFFF0
Ivory is the CSS named colour ivory, hex #FFFFF0. It has a contrast ratio of 1.01:1 on white and 20.81:1 on black — best used as text on dark backgrounds.
Ivory — #FFFFF0
Contrast on white 1.01:1 · on black 20.81:1
Tints
Shades
Complementary
Triadic
Analogous
Using Ivory in code
CSS: color: ivory; or color: #FFFFF0; · Tailwind: text-[#FFFFF0] · Android/Flutter: 0xFFFFFFF0
Ivory colour harmonies
Complementary: #F0F0FF · Triadic: #F0FFFF, #FFF0FF · Analogous: #FFF8F0, #F8FFF0. Use tints for backgrounds and shades for hover states.
Ivory in every colour format
| Format | Value |
|---|---|
| HEX | #FFFFF0 |
| RGB | rgb(255, 255, 240) |
| HSL | hsl(60, 100%, 97%) |
| HSV | hsv(60, 6%, 100%) |
| CMYK | cmyk(0%, 0%, 6%, 0%) |
| CSS name | ivory |
| Contrast on white | 1.01:1 |
| Contrast on black | 20.81:1 |
Frequently asked questions
What is the hex code for Ivory?
#FFFFF0 (CSS name: ivory).
What is Ivory in RGB?
rgb(255, 255, 240)
What colour goes well with Ivory?
Its complementary colour #F0F0FF, or the analogous #FFF8F0 and #F8FFF0.