命名颜色 · #8C7F3C

Peas Please

Peas Please 即 #8C7F3C：rgb(140 127 60)、hsl(50 40% 39%)、oklch(0.594 0.089 98.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Peas Please color name →

#8C7F3C

oklch(0.594 0.089 98.5)

颜色转换

HEX: #8c7f3c
RGB: rgb(140 127 60)
HSL: hsl(50 40% 39%)
HWB: hwb(50 24% 45%)
OKLCH: oklch(0.594 0.089 98.5)
OKLab: oklab(0.594 -0.013 0.088)
CIE Lab: lab(53.3 -1.49 37.65)
LCH: lch(53.3 37.68 92.3)
CMYK: cmyk(0% 9% 57% 45%)

浅色调 · 深色调 · 灰色调

浅色调

978B50
A29864
ADA477
B8B18A
C4BE9D
CFCBB0
DBD7C4
E7E5D7
F3F2EB

深色调

796E33
675D2A
554C21
433C19
332D11
231F0A
141104
070601
010100

灰色调

8B7F45
8A804C
888054
87805B
868061
858068
83806E
828074
81807A

配色和谐

互补色 +180°

8C7F3C
Peas Please
7279B3
≈ Magic Moment

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.02:1 · APCA Lc 67

Fail

黑底

WCAG 5.21:1 · APCA Lc 34

最佳文字颜色: #000000

WCAG 5.21:1 (AA) · APCA Lc 34

Contrast pairs

代码片段

CSS

:root {
  --peas-please: #8c7f3c;
  --peas-please-rgb: 140 127 60;
  --peas-please-oklch: oklch(0.594 0.089 98.5);
}

.element {
  color: var(--peas-please);
  background-color: hsl(50 40% 39%);
  border-color: oklch(0.594 0.089 98.5);
}

Tailwind CSS v4

@theme {
  --color-peas-please: #8c7f3c;
  --color-peas-please-50: #faf6da;
  --color-peas-please-100: #eee9c8;
  --color-peas-please-200: #dcd6aa;
  --color-peas-please-300: #c1b984;
  --color-peas-please-400: #ac9f60;
  --color-peas-please-500: #95873b;
  --color-peas-please-600: #7e7233;
  --color-peas-please-700: #655b29;
  --color-peas-please-800: #4b421b;
  --color-peas-please-900: #342e12;
  --color-peas-please-950: #201a04;
}

SCSS

$peas-please: #8c7f3c;
$peas-please-rgb: 140, 127, 60;
$peas-please-light: mix(#fff, $peas-please, 20%);
$peas-please-dark: mix(#000, $peas-please, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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