이름 색상 · #606553

Amazon Foliage

Amazon Foliage은(는) #606553: rgb(96 101 83), hsl(77 10% 36%), oklch(0.497 0.028 120.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#606553

oklch(0.497 0.028 120.1)

색상 변환

HEX: #606553
RGB: rgb(96 101 83)
HSL: hsl(77 10% 36%)
HWB: hwb(77 33% 60%)
OKLCH: oklch(0.497 0.028 120.1)
OKLab: oklab(0.497 -0.014 0.025)
CIE Lab: lab(41.93 -4.67 9.55)
LCH: lch(41.93 10.63 116)
CMYK: cmyk(5% 0% 18% 60%)

틴트 · 셰이드 · 톤

틴트

6F7363
7D8273
8D9083
9CA094
ACAFA5
BCBEB6
CCCEC8
DDDEDA
EEEFEC

셰이드

525747
45493B
383C30
2C2F25
20221B
151711
0A0C08
030302
000000

톤

636857
666A5C
696D60
6D7065
707269
73756E
767872
797B77
7D7D7B

색 조화

보색 +180°

606553
Amazon Foliage
655F71
≈ Sedona Shadow

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 6.02:1 · APCA Lc 80

검은색 위

WCAG 3.48:1 · APCA Lc 22

Fail

가장 좋은 글자색: #FFFFFF

WCAG 6.02:1 (AA) · APCA Lc 80

Contrast pairs

코드 스니펫

CSS

:root {
  --amazon-foliage: #606553;
  --amazon-foliage-rgb: 96 101 83;
  --amazon-foliage-oklch: oklch(0.497 0.028 120.1);
}

.element {
  color: var(--amazon-foliage);
  background-color: hsl(77 10% 36%);
  border-color: oklch(0.497 0.028 120.1);
}

Tailwind CSS v4

@theme {
  --color-amazon-foliage: #606553;
  --color-amazon-foliage-50: #f4f7ee;
  --color-amazon-foliage-100: #e6e9df;
  --color-amazon-foliage-200: #d2d6c9;
  --color-amazon-foliage-300: #b5baaa;
  --color-amazon-foliage-400: #9ca18f;
  --color-amazon-foliage-500: #838974;
  --color-amazon-foliage-600: #6f7463;
  --color-amazon-foliage-700: #595d4f;
  --color-amazon-foliage-800: #414439;
  --color-amazon-foliage-900: #2d2f27;
  --color-amazon-foliage-950: #1a1b15;
}

SCSS

$amazon-foliage: #606553;
$amazon-foliage-rgb: 96, 101, 83;
$amazon-foliage-light: mix(#fff, $amazon-foliage, 20%);
$amazon-foliage-dark: mix(#000, $amazon-foliage, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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