이름 색상 · #A2A1A1

Sleepy Kitten

Sleepy Kitten은(는) #A2A1A1: rgb(162 161 161), hsl(0 1% 63%), oklch(0.71 0.001 17.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Sleepy Kitten color name →

#A2A1A1

oklch(0.71 0.001 17.2)

색상 변환

HEX: #a2a1a1
RGB: rgb(162 161 161)
HSL: hsl(0 1% 63%)
HWB: hwb(0 63% 36%)
OKLCH: oklch(0.71 0.001 17.2)
OKLab: oklab(0.71 0.001 0)
CIE Lab: lab(66.33 0.37 0.13)
LCH: lch(66.33 0.4 19.7)
CMYK: cmyk(0% 1% 1% 36%)

틴트 · 셰이드 · 톤

틴트

ABAAAA
B4B3B3
BDBCBC
C6C6C6
D0CFCF
D9D8D8
E2E2E2
ECECEC
F5F5F5

셰이드

8C8B8B
777676
636262
4F4E4E
3C3C3C
2A2A2A
191919
0A0909
010101

톤

9F9E9E
9B9A9A
989797
949494
919090
8D8D8D
8A8A8A
878686
838383

색 조화

보색 +180°

A2A1A1
Sleepy Kitten
A1A2A2
≈ Grey of Darkness

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.57:1 · APCA Lc 50

Fail

검은색 위

WCAG 8.14:1 · APCA Lc 52

AAA

가장 좋은 글자색: #000000

WCAG 8.14:1 (AAA) · APCA Lc 52

Contrast pairs

코드 스니펫

CSS

:root {
  --sleepy-kitten: #a2a1a1;
  --sleepy-kitten-rgb: 162 161 161;
  --sleepy-kitten-oklch: oklch(0.71 0.001 17.2);
}

.element {
  color: var(--sleepy-kitten);
  background-color: hsl(0 1% 63%);
  border-color: oklch(0.71 0.001 17.2);
}

Tailwind CSS v4

@theme {
  --color-sleepy-kitten: #a2a1a1;
  --color-sleepy-kitten-50: #f5f5f5;
  --color-sleepy-kitten-100: #e8e8e8;
  --color-sleepy-kitten-200: #d5d4d4;
  --color-sleepy-kitten-300: #b8b7b7;
  --color-sleepy-kitten-400: #9f9e9e;
  --color-sleepy-kitten-500: #878686;
  --color-sleepy-kitten-600: #727171;
  --color-sleepy-kitten-700: #5b5a5a;
  --color-sleepy-kitten-800: #434242;
  --color-sleepy-kitten-900: #2e2e2e;
  --color-sleepy-kitten-950: #1b1a1a;
}

SCSS

$sleepy-kitten: #a2a1a1;
$sleepy-kitten-rgb: 162, 161, 161;
$sleepy-kitten-light: mix(#fff, $sleepy-kitten, 20%);
$sleepy-kitten-dark: mix(#000, $sleepy-kitten, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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