命名颜色 · #F2F1E6

Abaidh White

Abaidh White 即 #F2F1E6：rgb(242 241 230)、hsl(55 32% 93%)、oklch(0.956 0.015 102.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#F2F1E6

oklch(0.956 0.015 102.5)

颜色转换

HEX: #f2f1e6
RGB: rgb(242 241 230)
HSL: hsl(55 32% 93%)
HWB: hwb(55 90% 5%)
OKLCH: oklch(0.956 0.015 102.5)
OKLab: oklab(0.956 -0.003 0.014)
CIE Lab: lab(95 -1.07 5.45)
LCH: lch(95 5.56 101.1)
CMYK: cmyk(0% 0% 5% 5%)

浅色调 · 深色调 · 灰色调

浅色调

F3F2E8
F5F4EB
F6F5ED
F7F7F0
F8F8F2
FAF9F5
FBFBF7
FCFCFA
FEFEFC

深色调

D2D2C8
B4B3AB
96958E
797973
5E5D59
434340
2B2B28
141413
030303

灰色调

E6E5DB
DAD9D1
CECEC6
C3C2BC
B7B7B2
ACACA7
A1A09D
969694
8B8B8A

配色和谐

互补色 +180°

F2F1E6
Abaidh White
EFEFFA
≈ Foundation White

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.13:1 · APCA Lc 0

Fail

黑底

WCAG 18.50:1 · APCA Lc 98

AAA

最佳文字颜色: #000000

WCAG 18.50:1 (AAA) · APCA Lc 98

Contrast pairs

代码片段

CSS

:root {
  --abaidh-white: #f2f1e6;
  --abaidh-white-rgb: 242 241 230;
  --abaidh-white-oklch: oklch(0.956 0.015 102.5);
}

.element {
  color: var(--abaidh-white);
  background-color: hsl(55 32% 93%);
  border-color: oklch(0.956 0.015 102.5);
}

Tailwind CSS v4

@theme {
  --color-abaidh-white: #f2f1e6;
  --color-abaidh-white-50: #f6f5f1;
  --color-abaidh-white-100: #e8e8e3;
  --color-abaidh-white-200: #d5d5ce;
  --color-abaidh-white-300: #b8b8af;
  --color-abaidh-white-400: #a09f95;
  --color-abaidh-white-500: #88877c;
  --color-abaidh-white-600: #737269;
  --color-abaidh-white-700: #5c5b54;
  --color-abaidh-white-800: #43433d;
  --color-abaidh-white-900: #2e2e2a;
  --color-abaidh-white-950: #1b1b17;
}

SCSS

$abaidh-white: #f2f1e6;
$abaidh-white-rgb: 242, 241, 230;
$abaidh-white-light: mix(#fff, $abaidh-white, 20%);
$abaidh-white-dark: mix(#000, $abaidh-white, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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