命名颜色 · #7A7F3F

Thai Basil

Thai Basil 即 #7A7F3F：rgb(122 127 63)、hsl(65 34% 37%)、oklch(0.578 0.087 112.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Thai Basil color name →

#7A7F3F

oklch(0.578 0.087 112.8)

颜色转换

HEX: #7a7f3f
RGB: rgb(122 127 63)
HSL: hsl(65 34% 37%)
HWB: hwb(65 25% 50%)
OKLCH: oklch(0.578 0.087 112.8)
OKLab: oklab(0.578 -0.034 0.08)
CIE Lab: lab(51.66 -9.26 33.74)
LCH: lch(51.66 34.98 105.3)
CMYK: cmyk(4% 0% 50% 50%)

浅色调 · 深色调 · 灰色调

浅色调

868B53
939865
A0A478
ADB18B
BABE9E
C7CAB1
D5D7C4
E3E4D8
F1F2EB

深色调

696E35
595D2C
494C23
3A3C1B
2B2D12
1D1F0A
101104
050601
010100

灰色调

7A7F47
7B7F4E
7C8055
7C805C
7D8062
7D8068
7E806E
7F8074
7F807A

配色和谐

互补色 +180°

7A7F3F
Thai Basil
7B70A9
≈ Purple Mountain Majesty

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.25:1 · APCA Lc 69

Fail

黑底

WCAG 4.93:1 · APCA Lc 32

最佳文字颜色: #000000

WCAG 4.93:1 (AA) · APCA Lc 32

Contrast pairs

代码片段

CSS

:root {
  --thai-basil: #7a7f3f;
  --thai-basil-rgb: 122 127 63;
  --thai-basil-oklch: oklch(0.578 0.087 112.8);
}

.element {
  color: var(--thai-basil);
  background-color: hsl(65 34% 37%);
  border-color: oklch(0.578 0.087 112.8);
}

Tailwind CSS v4

@theme {
  --color-thai-basil: #7a7f3f;
  --color-thai-basil-50: #f4f9dd;
  --color-thai-basil-100: #e6eccb;
  --color-thai-basil-200: #d3d9af;
  --color-thai-basil-300: #b6bd8a;
  --color-thai-basil-400: #9fa467;
  --color-thai-basil-500: #878c44;
  --color-thai-basil-600: #72773b;
  --color-thai-basil-700: #5b5f2e;
  --color-thai-basil-800: #444520;
  --color-thai-basil-900: #2f3015;
  --color-thai-basil-950: #1b1c06;
}

SCSS

$thai-basil: #7a7f3f;
$thai-basil-rgb: 122, 127, 63;
$thai-basil-light: mix(#fff, $thai-basil, 20%);
$thai-basil-dark: mix(#000, $thai-basil, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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