이름 색상 · #161410

King Kong

King Kong은(는) #161410: rgb(22 20 16), hsl(40 16% 7%), oklch(0.192 0.008 84.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · King Kong color name →

#161410

oklch(0.192 0.008 84.6)

색상 변환

HEX: #161410
RGB: rgb(22 20 16)
HSL: hsl(40 16% 7%)
HWB: hwb(40 6% 91%)
OKLCH: oklch(0.192 0.008 84.6)
OKLab: oklab(0.192 0.001 0.008)
CIE Lab: lab(6.43 0.3 2.6)
LCH: lch(6.43 2.62 83.4)
CMYK: cmyk(0% 9% 27% 91%)

틴트 · 셰이드 · 톤

틴트

292723
3D3B38
52514D
696764
807F7C
989795
B1B0AE
CACAC9
E4E4E4

셰이드

12100C
0D0C09
090806
060504
030302
020101
010100
000000
000000

톤

1F1D1A
292724
33312E
3D3C39
484644
52514F
5D5D5B
696867
747474

색 조화

보색 +180°

161410
King Kong
121418
≈ Black Is Back

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 18.39:1 · APCA Lc 105

AAA

검은색 위

WCAG 1.14:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 18.39:1 (AAA) · APCA Lc 105

Contrast pairs

코드 스니펫

CSS

:root {
  --king-kong: #161410;
  --king-kong-rgb: 22 20 16;
  --king-kong-oklch: oklch(0.192 0.008 84.6);
}

.element {
  color: var(--king-kong);
  background-color: hsl(40 16% 7%);
  border-color: oklch(0.192 0.008 84.6);
}

Tailwind CSS v4

@theme {
  --color-king-kong: #161410;
  --color-king-kong-50: #f6f5f2;
  --color-king-kong-100: #e9e8e5;
  --color-king-kong-200: #d6d4d0;
  --color-king-kong-300: #b9b7b3;
  --color-king-kong-400: #a19e99;
  --color-king-kong-500: #898680;
  --color-king-kong-600: #74716c;
  --color-king-kong-700: #5c5b57;
  --color-king-kong-800: #44423f;
  --color-king-kong-900: #2f2e2b;
  --color-king-kong-950: #1b1a19;
}

SCSS

$king-kong: #161410;
$king-kong-rgb: 22, 20, 16;
$king-kong-light: mix(#fff, $king-kong, 20%);
$king-kong-dark: mix(#000, $king-kong, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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