命名颜色 · #566B38

Tiāntāi Mountain Green

Tiāntāi Mountain Green 即 #566B38：rgb(86 107 56)、hsl(85 31% 32%)、oklch(0.498 0.079 127.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Tiāntāi Mountain Green color name →

#566B38

oklch(0.498 0.079 127.4)

颜色转换

HEX: #566b38
RGB: rgb(86 107 56)
HSL: hsl(85 31% 32%)
HWB: hwb(85 22% 58%)
OKLCH: oklch(0.498 0.079 127.4)
OKLab: oklab(0.498 -0.048 0.063)
CIE Lab: lab(42.54 -15.18 25.76)
LCH: lch(42.54 29.9 120.5)
CMYK: cmyk(20% 0% 48% 58%)

浅色调 · 深色调 · 灰色调

浅色调

65794B
75875E
859571
96A484
A7B398
B8C2AC
C9D1C0
DBE0D5
EDEFEA

深色调

4A5C2F
3E4E27
323F1F
273217
1C250F
121808
080D04
020401
000000

灰色调

5A6D40
5E6F47
62724F
677456
6B765D
6F7864
737A6B
777C72
7C7E79

配色和谐

互补色 +180°

566B38
Tiāntāi Mountain Green
6F5686
≈ Gutsy Grape

类似色 -30° +30°

566B38
Tiāntāi Mountain Green
6F6329
≈ Himalaya
387051
≈ Parsley Sprig

三角配色 +120° +240°

566B38
Tiāntāi Mountain Green
3B668D
≈ Mississippi River
894F5A
≈ Roan Rouge

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 5.90:1 · APCA Lc 79

黑底

WCAG 3.55:1 · APCA Lc 22

Fail

最佳文字颜色: #FFFFFF

WCAG 5.90:1 (AA) · APCA Lc 79

Contrast pairs

代码片段

CSS

:root {
  --tiantai-mountain-green: #566b38;
  --tiantai-mountain-green-rgb: 86 107 56;
  --tiantai-mountain-green-oklch: oklch(0.498 0.079 127.4);
}

.element {
  color: var(--tiantai-mountain-green);
  background-color: hsl(85 31% 32%);
  border-color: oklch(0.498 0.079 127.4);
}

Tailwind CSS v4

@theme {
  --color-tiantai-mountain-green: #566b38;
  --color-tiantai-mountain-green-50: #eefae2;
  --color-tiantai-mountain-green-100: #e0eed2;
  --color-tiantai-mountain-green-200: #cadbb8;
  --color-tiantai-mountain-green-300: #abc095;
  --color-tiantai-mountain-green-400: #91a875;
  --color-tiantai-mountain-green-500: #789056;
  --color-tiantai-mountain-green-600: #657a49;
  --color-tiantai-mountain-green-700: #51623a;
  --color-tiantai-mountain-green-800: #3c4728;
  --color-tiantai-mountain-green-900: #29311b;
  --color-tiantai-mountain-green-950: #171d0b;
}

SCSS

$tiantai-mountain-green: #566b38;
$tiantai-mountain-green-rgb: 86, 107, 56;
$tiantai-mountain-green-light: mix(#fff, $tiantai-mountain-green, 20%);
$tiantai-mountain-green-dark: mix(#000, $tiantai-mountain-green, 20%);

.element {
  color: $tiantai-mountain-green;
  box-shadow: 0 0 0 2px rgba($tiantai-mountain-green, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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