이름 색상 · #7E8C7A

Amazon Moss

Amazon Moss은(는) #7E8C7A: rgb(126 140 122), hsl(107 7% 51%), oklch(0.623 0.031 138.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Amazon Moss color name →

#7E8C7A

oklch(0.623 0.031 138.7)

색상 변환

HEX: #7e8c7a
RGB: rgb(126 140 122)
HSL: hsl(107 7% 51%)
HWB: hwb(107 48% 45%)
OKLCH: oklch(0.623 0.031 138.7)
OKLab: oklab(0.623 -0.023 0.021)
CIE Lab: lab(56.71 -7.94 7.85)
LCH: lch(56.71 11.17 135.3)
CMYK: cmyk(10% 0% 13% 45%)

틴트 · 셰이드 · 톤

틴트

8A9787
96A293
A3ADA0
B0B9AD
BDC4BA
CAD0C8
D7DBD5
E4E7E3
F1F3F1

셰이드

6D7969
5C6759
4C5549
3C433A
2D332B
1F231D
111410
050705
010101

톤

7E8B7B
7E8A7B
7F887C
7F877C
7F867D
7F857E
7F847E
80827F
80817F

색 조화

보색 +180°

7E8C7A
Amazon Moss
8F8293
≈ Purple Ash

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 3.54:1 · APCA Lc 63

Fail

검은색 위

WCAG 5.91:1 · APCA Lc 39

가장 좋은 글자색: #000000

WCAG 5.91:1 (AA) · APCA Lc 39

Contrast pairs

코드 스니펫

CSS

:root {
  --amazon-moss: #7e8c7a;
  --amazon-moss-rgb: 126 140 122;
  --amazon-moss-oklch: oklch(0.623 0.031 138.7);
}

.element {
  color: var(--amazon-moss);
  background-color: hsl(107 7% 51%);
  border-color: oklch(0.623 0.031 138.7);
}

Tailwind CSS v4

@theme {
  --color-amazon-moss: #7e8c7a;
  --color-amazon-moss-50: #f0f7ef;
  --color-amazon-moss-100: #e2ebe1;
  --color-amazon-moss-200: #cdd8cb;
  --color-amazon-moss-300: #afbcad;
  --color-amazon-moss-400: #95a392;
  --color-amazon-moss-500: #7c8b78;
  --color-amazon-moss-600: #697665;
  --color-amazon-moss-700: #545e51;
  --color-amazon-moss-800: #3d453a;
  --color-amazon-moss-900: #2a3028;
  --color-amazon-moss-950: #181c16;
}

SCSS

$amazon-moss: #7e8c7a;
$amazon-moss-rgb: 126, 140, 122;
$amazon-moss-light: mix(#fff, $amazon-moss, 20%);
$amazon-moss-dark: mix(#000, $amazon-moss, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API