命名颜色 · #F8FBEB

Amnesiac White

Amnesiac White 即 #F8FBEB：rgb(248 251 235)、hsl(71 67% 95%)、oklch(0.982 0.021 115.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Amnesiac White color name →

#F8FBEB

oklch(0.982 0.021 115.4)

颜色转换

HEX: #f8fbeb
RGB: rgb(248 251 235)
HSL: hsl(71 67% 95%)
HWB: hwb(71 92% 2%)
OKLCH: oklch(0.982 0.021 115.4)
OKLab: oklab(0.982 -0.009 0.019)
CIE Lab: lab(98.06 -3.07 7.33)
LCH: lch(98.06 7.95 112.7)
CMYK: cmyk(1% 0% 6% 2%)

浅色调 · 深色调 · 灰色调

浅色调

F9FBED
F9FCEF
FAFCF1
FBFDF3
FBFDF5
FCFDF7
FDFEF9
FEFEFB
FEFFFD

深色调

D8DACC
B8BAAE
9A9C91
7C7E75
60615B
454641
2C2D29
151513
030303

灰色调

EBEEE0
DFE1D5
D3D5CA
C6C8BF
BABCB4
AEAFA9
A2A39F
979794
8B8C8A

配色和谐

互补色 +180°

F8FBEB
Amnesiac White
F9F8FF
≈ Ghost White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.05:1 · APCA Lc 0

Fail

黑底

WCAG 19.98:1 · APCA Lc 104

AAA

最佳文字颜色: #000000

WCAG 19.98:1 (AAA) · APCA Lc 104

Contrast pairs

代码片段

CSS

:root {
  --amnesiac-white: #f8fbeb;
  --amnesiac-white-rgb: 248 251 235;
  --amnesiac-white-oklch: oklch(0.982 0.021 115.4);
}

.element {
  color: var(--amnesiac-white);
  background-color: hsl(71 67% 95%);
  border-color: oklch(0.982 0.021 115.4);
}

Tailwind CSS v4

@theme {
  --color-amnesiac-white: #f8fbeb;
  --color-amnesiac-white-50: #f4f6ef;
  --color-amnesiac-white-100: #e7e9e1;
  --color-amnesiac-white-200: #d3d6cc;
  --color-amnesiac-white-300: #b6b9ad;
  --color-amnesiac-white-400: #9ea092;
  --color-amnesiac-white-500: #858878;
  --color-amnesiac-white-600: #717366;
  --color-amnesiac-white-700: #5a5c51;
  --color-amnesiac-white-800: #42433b;
  --color-amnesiac-white-900: #2e2e28;
  --color-amnesiac-white-950: #1a1b16;
}

SCSS

$amnesiac-white: #f8fbeb;
$amnesiac-white-rgb: 248, 251, 235;
$amnesiac-white-light: mix(#fff, $amnesiac-white, 20%);
$amnesiac-white-dark: mix(#000, $amnesiac-white, 20%);

.element {
  color: $amnesiac-white;
  box-shadow: 0 0 0 2px rgba($amnesiac-white, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API