命名颜色 · #EFEFE5

Oyster Island

Oyster Island 即 #EFEFE5：rgb(239 239 229)、hsl(60 24% 92%)、oklch(0.949 0.013 106.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Oyster Island color name →

#EFEFE5

oklch(0.949 0.013 106.6)

颜色转换

HEX: #efefe5
RGB: rgb(239 239 229)
HSL: hsl(60 24% 92%)
HWB: hwb(60 90% 6%)
OKLCH: oklch(0.949 0.013 106.6)
OKLab: oklab(0.949 -0.004 0.013)
CIE Lab: lab(94.24 -1.29 4.85)
LCH: lch(94.24 5.02 104.9)
CMYK: cmyk(0% 0% 4% 6%)

浅色调 · 深色调 · 灰色调

浅色调

F1F1E8
F2F2EA
F4F4ED
F5F5EF
F7F7F2
F9F9F5
FAFAF7
FCFCFA
FDFDFC

深色调

D0D0C7
B1B1AA
94948E
787872
5C5C58
42423F
2A2A28
141412
030303

灰色调

E3E3DA
D8D8D0
CCCCC6
C1C1BB
B6B6B1
ABABA7
A0A09D
959593
8A8B8A

配色和谐

互补色 +180°

EFEFE5
Oyster Island
EDEDF7
≈ Silver Phoenix

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.15:1 · APCA Lc 7

Fail

黑底

WCAG 18.14:1 · APCA Lc 97

AAA

最佳文字颜色: #000000

WCAG 18.14:1 (AAA) · APCA Lc 97

Contrast pairs

代码片段

CSS

:root {
  --oyster-island: #efefe5;
  --oyster-island-rgb: 239 239 229;
  --oyster-island-oklch: oklch(0.949 0.013 106.6);
}

.element {
  color: var(--oyster-island);
  background-color: hsl(60 24% 92%);
  border-color: oklch(0.949 0.013 106.6);
}

Tailwind CSS v4

@theme {
  --color-oyster-island: #efefe5;
  --color-oyster-island-50: #f5f5f1;
  --color-oyster-island-100: #e8e8e3;
  --color-oyster-island-200: #d4d5ce;
  --color-oyster-island-300: #b8b8b0;
  --color-oyster-island-400: #9f9f96;
  --color-oyster-island-500: #87877d;
  --color-oyster-island-600: #72726a;
  --color-oyster-island-700: #5b5b55;
  --color-oyster-island-800: #43433d;
  --color-oyster-island-900: #2e2e2a;
  --color-oyster-island-950: #1b1b18;
}

SCSS

$oyster-island: #efefe5;
$oyster-island-rgb: 239, 239, 229;
$oyster-island-light: mix(#fff, $oyster-island, 20%);
$oyster-island-dark: mix(#000, $oyster-island, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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