이름 색상 · #BEB5A9

Amazing Grey

Amazing Grey은(는) #BEB5A9: rgb(190 181 169), hsl(34 14% 70%), oklch(0.777 0.02 75.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Amazing Grey color name →

#BEB5A9

oklch(0.777 0.02 75.3)

색상 변환

HEX: #beb5a9
RGB: rgb(190 181 169)
HSL: hsl(34 14% 70%)
HWB: hwb(34 66% 25%)
OKLCH: oklch(0.777 0.02 75.3)
OKLab: oklab(0.777 0.005 0.019)
CIE Lab: lab(74.18 1.76 7.34)
LCH: lch(74.18 7.55 76.5)
CMYK: cmyk(0% 5% 11% 25%)

틴트 · 셰이드 · 톤

틴트

C4BCB1
CBC3BA
D1CBC2
D8D2CB
DED9D3
E5E1DC
EBE8E5
F2F0ED
F8F7F6

셰이드

A59D92
8C867C
756F67
5E5953
48443F
33302C
1F1D1B
0D0C0A
020201

톤

B8B0A5
B1AAA1
ABA59D
A59F98
9E9A94
989590
92908C
8C8A88
868584

색 조화

보색 +180°

BEB5A9
Amazing Grey
AEB7C3
≈ Bedside Manner

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.02:1 · APCA Lc 39

Fail

검은색 위

WCAG 10.37:1 · APCA Lc 63

AAA

가장 좋은 글자색: #000000

WCAG 10.37:1 (AAA) · APCA Lc 63

Contrast pairs

코드 스니펫

CSS

:root {
  --amazing-grey: #beb5a9;
  --amazing-grey-rgb: 190 181 169;
  --amazing-grey-oklch: oklch(0.777 0.02 75.3);
}

.element {
  color: var(--amazing-grey);
  background-color: hsl(34 14% 70%);
  border-color: oklch(0.777 0.02 75.3);
}

Tailwind CSS v4

@theme {
  --color-amazing-grey: #beb5a9;
  --color-amazing-grey-50: #f8f4ef;
  --color-amazing-grey-100: #ece7e1;
  --color-amazing-grey-200: #d9d3cb;
  --color-amazing-grey-300: #bdb6ac;
  --color-amazing-grey-400: #a59d92;
  --color-amazing-grey-500: #8e8578;
  --color-amazing-grey-600: #787066;
  --color-amazing-grey-700: #605a51;
  --color-amazing-grey-800: #47413b;
  --color-amazing-grey-900: #312d28;
  --color-amazing-grey-950: #1d1a16;
}

SCSS

$amazing-grey: #beb5a9;
$amazing-grey-rgb: 190, 181, 169;
$amazing-grey-light: mix(#fff, $amazing-grey, 20%);
$amazing-grey-dark: mix(#000, $amazing-grey, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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