이름 색상 · #806568

Amazing Amethyst

Amazing Amethyst은(는) #806568: rgb(128 101 104), hsl(353 12% 45%), oklch(0.534 0.035 10.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Amazing Amethyst color name →

#806568

oklch(0.534 0.035 10.8)

색상 변환

HEX: #806568
RGB: rgb(128 101 104)
HSL: hsl(353 12% 45%)
HWB: hwb(353 40% 50%)
OKLCH: oklch(0.534 0.035 10.8)
OKLab: oklab(0.534 0.034 0.007)
CIE Lab: lab(45.59 11.56 2.65)
LCH: lch(45.59 11.86 12.9)
CMYK: cmyk(0% 21% 19% 50%)

틴트 · 셰이드 · 톤

틴트

8C7376
998284
A59193
B1A0A1
BEAFB0
CBBFC0
D8CECF
E5DEDF
F2EFEF

셰이드

6E5759
5D494B
4D3C3E
3D2F30
2E2224
1F1718
120C0C
060304
010000

톤

80686A
806A6D
806D6F
807072
807374
807576
807879
807B7B
807D7E

색 조화

보색 +180°

806568
Amazing Amethyst
567472
≈ Sagebrush Green

유사색 -30° +30°

806568
Amazing Amethyst
7C6573
≈ Cabal
80675E
≈ Cocoa Milk

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.27:1 · APCA Lc 76

검은색 위

WCAG 3.97:1 · APCA Lc 26

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.27:1 (AA) · APCA Lc 76

Contrast pairs

코드 스니펫

CSS

:root {
  --amazing-amethyst: #806568;
  --amazing-amethyst-rgb: 128 101 104;
  --amazing-amethyst-oklch: oklch(0.534 0.035 10.8);
}

.element {
  color: var(--amazing-amethyst);
  background-color: hsl(353 12% 45%);
  border-color: oklch(0.534 0.035 10.8);
}

Tailwind CSS v4

@theme {
  --color-amazing-amethyst: #806568;
  --color-amazing-amethyst-50: #fff1f2;
  --color-amazing-amethyst-100: #f3e3e4;
  --color-amazing-amethyst-200: #e3ced0;
  --color-amazing-amethyst-300: #c9b0b2;
  --color-amazing-amethyst-400: #b29699;
  --color-amazing-amethyst-500: #9c7d80;
  --color-amazing-amethyst-600: #846a6d;
  --color-amazing-amethyst-700: #6a5557;
  --color-amazing-amethyst-800: #4e3e40;
  --color-amazing-amethyst-900: #362a2c;
  --color-amazing-amethyst-950: #211819;
}

SCSS

$amazing-amethyst: #806568;
$amazing-amethyst-rgb: 128, 101, 104;
$amazing-amethyst-light: mix(#fff, $amazing-amethyst, 20%);
$amazing-amethyst-dark: mix(#000, $amazing-amethyst, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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