最接近的命名颜色 · #FFE9C8
#FFE9C8
最接近的命名颜色: Chess Ivory
#FFE9C8（rgb(255 233 200)、hsl(36 100% 89%)、oklch(0.943 0.049 78)）最接近命名颜色 Chess Ivory。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FFE9C8
oklch(0.943 0.049 78)
颜色转换
- HEX
- #ffe9c8
- RGB
- rgb(255 233 200)
- HSL
- hsl(36 100% 89%)
- HWB
- hwb(36 78% 0%)
- OKLCH
- oklch(0.943 0.049 78)
- OKLab
- oklab(0.943 0.01 0.048)
- CIE Lab
- lab(93.52 4.02 18.97)
- LCH
- lch(93.52 19.39 78)
- CMYK
- cmyk(0% 9% 22% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFEBCE
- FFEDD3
- FFF0D9
- FFF2DE
- FFF4E4
- FFF6E9
- FFF8EF
- FFFBF4
- FFFDFA
深色调
- DECBAE
- BEAD94
- 9E907B
- 807463
- 635A4C
- 484136
- 2E2921
- 16130F
- 030302
灰色调
- F2DEC1
- E4D3B9
- D7C8B2
- CABEAB
- BEB3A4
- B1A99C
- A49E95
- 98948E
- 8C8A87
配色和谐
互补色 +180°
- FFE9C8
Chess Ivory
- E1EDFF
≈ Calcareous Sinter
类似色 -30° +30°
- FFE9C8
Chess Ivory
- FFE7DB
≈ French Manicure
- EFEFCA
≈ Passionate Pause
三角配色 +120° +240°
- FFE9C8
Chess Ivory
- C7F7F8
≈ Vaporised
- F9E4FF
≈ Soft Lavender
分裂互补色 +150° +210°
- FFE9C8
Chess Ivory
- D5F2FF
≈ Water
- EBEAFF
≈ Bright Dusk
四角配色 +90° +180° +270°
- FFE9C8
Chess Ivory
- CDF8E6
≈ Cactus Water
- E1EDFF
≈ Calcareous Sinter
- FFE4F0
≈ Sweetly
对比度与无障碍
Ag
Fail白底
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.74:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--chess-ivory: #ffe9c8;
--chess-ivory-rgb: 255 233 200;
--chess-ivory-oklch: oklch(0.943 0.049 78);
}
.element {
color: var(--chess-ivory);
background-color: hsl(36 100% 89%);
border-color: oklch(0.943 0.049 78);
}Tailwind CSS v4
@theme {
--color-chess-ivory: #ffe9c8;
--color-chess-ivory-50: #fdf4e6;
--color-chess-ivory-100: #f1e6d6;
--color-chess-ivory-200: #e0d2bd;
--color-chess-ivory-300: #c5b59c;
--color-chess-ivory-400: #af9b7e;
--color-chess-ivory-500: #988361;
--color-chess-ivory-600: #816f53;
--color-chess-ivory-700: #675842;
--color-chess-ivory-800: #4c402f;
--color-chess-ivory-900: #352c20;
--color-chess-ivory-950: #20190f;
}SCSS
$chess-ivory: #ffe9c8;
$chess-ivory-rgb: 255, 233, 200;
$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);
}