Named color · #FDF6E7
Antique China
Antique China is #FDF6E7: rgb(253 246 231), hsl(41 85% 95%), oklch(0.975 0.021 85.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Antique China color name →
#FDF6E7
oklch(0.975 0.021 85.9)
Color conversions
- HEX
- #fdf6e7
- RGB
- rgb(253 246 231)
- HSL
- hsl(41 85% 95%)
- HWB
- hwb(41 91% 1%)
- OKLCH
- oklch(0.975 0.021 85.9)
- OKLab
- oklab(0.975 0.001 0.021)
- CIE Lab
- lab(97.13 0.56 8.12)
- LCH
- lch(97.13 8.14 86.1)
- CMYK
- cmyk(0% 3% 9% 1%)
Tints · Shades · Tones
Tints
- FDF7E9
- FDF8EC
- FEF9EE
- FEFAF1
- FEFBF3
- FEFBF5
- FEFCF8
- FFFDFA
- FFFEFD
Shades
- DCD6C9
- BCB7AB
- 9D988F
- 7F7B73
- 625F59
- 474540
- 2D2C28
- 161513
- 030303
Tones
- F0EADC
- E3DDD2
- D6D1C7
- C9C5BD
- BDB9B2
- B0AEA8
- A4A29E
- 989694
- 8C8B8A
Color harmonies
Complementary +180°
- FDF6E7
Antique China
- F3F7FF
≈ Mā White
Analogous -30° +30°
- FDF6E7
Antique China
- FFF4ED
≈ Seashell
- F6F9E9
≈ Soft Silver
Triadic +120° +240°
- FDF6E7
Antique China
- E7FBFE
≈ Calm Waters
- FFF2FE
≈ Pinkish White
Split-complementary +150° +210°
- FDF6E7
Antique China
- EEF8FF
≈ Alice Blue
- F7F5FF
≈ Sugar Crystal
Tetradic +90° +180° +270°
- FDF6E7
Antique China
- E9FCF6
≈ Placebo Turquoise
- F3F7FF
≈ Mā White
- FFF3F7
≈ Glimpse of Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.07:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.51:1 · APCA Lc 102
Best text color: #000000
WCAG 19.51:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--antique-china: #fdf6e7;
--antique-china-rgb: 253 246 231;
--antique-china-oklch: oklch(0.975 0.021 85.9);
}
.element {
color: var(--antique-china);
background-color: hsl(41 85% 95%);
border-color: oklch(0.975 0.021 85.9);
}Tailwind CSS v4
@theme {
--color-antique-china: #fdf6e7;
--color-antique-china-50: #f8f5ee;
--color-antique-china-100: #ebe8e0;
--color-antique-china-200: #d8d4ca;
--color-antique-china-300: #bcb7ab;
--color-antique-china-400: #a49e91;
--color-antique-china-500: #8c8577;
--color-antique-china-600: #777165;
--color-antique-china-700: #5f5a50;
--color-antique-china-800: #46423a;
--color-antique-china-900: #302d28;
--color-antique-china-950: #1d1a16;
}SCSS
$antique-china: #fdf6e7;
$antique-china-rgb: 253, 246, 231;
$antique-china-light: mix(#fff, $antique-china, 20%);
$antique-china-dark: mix(#000, $antique-china, 20%);
.element {
color: $antique-china;
box-shadow: 0 0 0 2px rgba($antique-china, 0.35);
}