Named color · #161410
King Kong
King Kong is #161410: rgb(22 20 16), hsl(40 16% 7%), oklch(0.192 0.008 84.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · King Kong color name →
#161410
oklch(0.192 0.008 84.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 292723
- 3D3B38
- 52514D
- 696764
- 807F7C
- 989795
- B1B0AE
- CACAC9
- E4E4E4
Shades
- 12100C
- 0D0C09
- 090806
- 060504
- 030302
- 020101
- 010100
- 000000
- 000000
Tones
- 1F1D1A
- 292724
- 33312E
- 3D3C39
- 484644
- 52514F
- 5D5D5B
- 696867
- 747474
Color harmonies
Complementary +180°
- 161410
King Kong
- 121418
≈ Black Is Back
Analogous -30° +30°
- 161410
King Kong
- 171311
≈ Nuln Oil Gloss
- 141510
≈ King Kong
Triadic +120° +240°
- 161410
King Kong
- 101516
≈ Black Is Back
- 161316
≈ Kettle Black
Split-complementary +150° +210°
- 161410
King Kong
- 111518
≈ Black Is Back
- 141418
≈ Dark Void
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 18.39:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.14:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.39:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
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);
}