命名颜色 · #00816A

Emperor’s Silk

Emperor’s Silk 即 #00816A：rgb(0 129 106)、hsl(169 100% 25%)、oklch(0.538 0.102 174.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Teal mean? → · Emperor’s Silk color name →

#00816A

oklch(0.538 0.102 174.4)

颜色转换

HEX: #00816a
RGB: rgb(0 129 106)
HSL: hsl(169 100% 25%)
HWB: hwb(169 0% 49%)
OKLCH: oklch(0.538 0.102 174.4)
OKLab: oklab(0.538 -0.102 0.01)
CIE Lab: lab(47.77 -35.96 3.54)
LCH: lch(47.77 36.14 174.4)
CMYK: cmyk(100% 0% 18% 49%)

浅色调 · 深色调 · 灰色调

浅色调

338D78
4E9A86
66A694
7DB3A3
93BFB2
A8CCC1
BED8D0
D3E5DF
E9F2EF

深色调

006F5B
005E4D
004E3F
003E31
002E24
001F18
00120D
000604
000100

灰色调

23816C
34816E
428171
4D8173
578175
608177
688179
71817C
78807E

配色和谐

互补色 +180°

00816A
Emperor’s Silk
9B5372
≈ Pink Tulip

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.82:1 · APCA Lc 73

黑底

WCAG 4.34:1 · APCA Lc 29

Fail

最佳文字颜色: #FFFFFF

WCAG 4.82:1 (AA) · APCA Lc 73

Contrast pairs

代码片段

CSS

:root {
  --emperor-s-silk: #00816a;
  --emperor-s-silk-rgb: 0 129 106;
  --emperor-s-silk-oklch: oklch(0.538 0.102 174.4);
}

.element {
  color: var(--emperor-s-silk);
  background-color: hsl(169 100% 25%);
  border-color: oklch(0.538 0.102 174.4);
}

Tailwind CSS v4

@theme {
  --color-emperor-s-silk: #00816a;
  --color-emperor-s-silk-50: #d8fff4;
  --color-emperor-s-silk-100: #c5f4e7;
  --color-emperor-s-silk-200: #a6e3d3;
  --color-emperor-s-silk-300: #7cc9b6;
  --color-emperor-s-silk-400: #54b29a;
  --color-emperor-s-silk-500: #1a9c81;
  --color-emperor-s-silk-600: #1b846e;
  --color-emperor-s-silk-700: #166a58;
  --color-emperor-s-silk-800: #104e3e;
  --color-emperor-s-silk-900: #0a362b;
  --color-emperor-s-silk-950: #002118;
}

SCSS

$emperor-s-silk: #00816a;
$emperor-s-silk-rgb: 0, 129, 106;
$emperor-s-silk-light: mix(#fff, $emperor-s-silk, 20%);
$emperor-s-silk-dark: mix(#000, $emperor-s-silk, 20%);

.element {
  color: $emperor-s-silk;
  box-shadow: 0 0 0 2px rgba($emperor-s-silk, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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