Named color · #FFE9C5
Chess Ivory
Chess Ivory is #FFE9C5: rgb(255 233 197), hsl(37 100% 89%), oklch(0.943 0.053 80.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Chess Ivory color name →
#FFE9C5
oklch(0.943 0.053 80.1)
Color conversions
- HEX
- #ffe9c5
- RGB
- rgb(255 233 197)
- HSL
- hsl(37 100% 89%)
- HWB
- hwb(37 77% 0%)
- OKLCH
- oklch(0.943 0.053 80.1)
- OKLab
- oklab(0.943 0.009 0.052)
- CIE Lab
- lab(93.47 3.72 20.44)
- LCH
- lch(93.47 20.77 79.7)
- CMYK
- cmyk(0% 9% 23% 0%)
Tints · Shades · Tones
Tints
- FFEBCB
- FFEDD1
- FFF0D7
- FFF2DC
- FFF4E2
- FFF6E8
- FFF9EE
- FFFBF4
- FFFDF9
Shades
- DECBAB
- BEAD92
- 9E9079
- 807461
- 635A4B
- 484135
- 2E2921
- 16130E
- 030302
Tones
- F2DEBE
- E4D3B7
- D7C8B0
- CABEA9
- BEB3A2
- B1A99B
- A49E94
- 98948E
- 8C8A87
Color harmonies
Complementary +180°
- FFE9C5
Chess Ivory
- E2EDFF
≈ Calcareous Sinter
Analogous -30° +30°
- FFE9C5
Chess Ivory
- FFE6D9
≈ Light Peach Rose
- EEF0C8
≈ Passionate Pause
Triadic +120° +240°
- FFE9C5
Chess Ivory
- C4F7FA
≈ Vaporised
- FAE3FF
≈ Fairy Salt
Split-complementary +150° +210°
- FFE9C5
Chess Ivory
- D6F1FF
≈ Water
- EBE9FF
≈ Bright Dusk
Tetradic +90° +180° +270°
- FFE9C5
Chess Ivory
- CAF8E7
≈ Cactus Water
- E2EDFF
≈ Calcareous Sinter
- FFE3EF
≈ Sweetly
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.71:1 · APCA Lc 95
Best text color: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--chess-ivory: #ffe9c5;
--chess-ivory-rgb: 255 233 197;
--chess-ivory-oklch: oklch(0.943 0.053 80.1);
}
.element {
color: var(--chess-ivory);
background-color: hsl(37 100% 89%);
border-color: oklch(0.943 0.053 80.1);
}Tailwind CSS v4
@theme {
--color-chess-ivory: #ffe9c5;
--color-chess-ivory-50: #fdf4e5;
--color-chess-ivory-100: #f1e7d5;
--color-chess-ivory-200: #e0d3bb;
--color-chess-ivory-300: #c5b599;
--color-chess-ivory-400: #af9c7b;
--color-chess-ivory-500: #99835e;
--color-chess-ivory-600: #816f50;
--color-chess-ivory-700: #675840;
--color-chess-ivory-800: #4d402e;
--color-chess-ivory-900: #352c1f;
--color-chess-ivory-950: #20190f;
}SCSS
$chess-ivory: #ffe9c5;
$chess-ivory-rgb: 255, 233, 197;
$chess-ivory-light: mix(#fff, $chess-ivory, 20%);
$chess-ivory-dark: mix(#000, $chess-ivory, 20%);
.element {
color: $chess-ivory;
box-shadow: 0 0 0 2px rgba($chess-ivory, 0.35);
}