이름 색상 · #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