이름 색상 · #14100E

Nuln Oil

Nuln Oil은(는) #14100E: rgb(20 16 14), hsl(20 18% 7%), oklch(0.177 0.008 48.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Nuln Oil color name →

#14100E

oklch(0.177 0.008 48.3)

색상 변환

HEX: #14100e
RGB: rgb(20 16 14)
HSL: hsl(20 18% 7%)
HWB: hwb(20 5% 92%)
OKLCH: oklch(0.177 0.008 48.3)
OKLab: oklab(0.177 0.005 0.006)
CIE Lab: lab(5 1.35 1.57)
LCH: lch(5 2.07 49.3)
CMYK: cmyk(0% 20% 30% 92%)

틴트 · 셰이드 · 톤

틴트

272321
3B3736
514D4C
676463
7F7C7B
979594
B0AEAE
CAC9C8
E4E3E3

셰이드

100C0B
0C0907
080605
050403
030202
010101
010000
000000
000000

톤

1D1A18
272422
312E2C
3C3937
464443
514F4E
5D5B5A
686767
747373

색 조화

보색 +180°

14100E
Nuln Oil
0D1214
≈ Ruined Smores

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 18.91:1 · APCA Lc 105

AAA

검은색 위

WCAG 1.11:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 18.91:1 (AAA) · APCA Lc 105

Contrast pairs

코드 스니펫

CSS

:root {
  --nuln-oil: #14100e;
  --nuln-oil-rgb: 20 16 14;
  --nuln-oil-oklch: oklch(0.177 0.008 48.3);
}

.element {
  color: var(--nuln-oil);
  background-color: hsl(20 18% 7%);
  border-color: oklch(0.177 0.008 48.3);
}

Tailwind CSS v4

@theme {
  --color-nuln-oil: #14100e;
  --color-nuln-oil-50: #f7f4f3;
  --color-nuln-oil-100: #eae7e5;
  --color-nuln-oil-200: #d7d3d1;
  --color-nuln-oil-300: #bbb6b4;
  --color-nuln-oil-400: #a39d9a;
  --color-nuln-oil-500: #8b8582;
  --color-nuln-oil-600: #75706e;
  --color-nuln-oil-700: #5e5a58;
  --color-nuln-oil-800: #454240;
  --color-nuln-oil-900: #302d2c;
  --color-nuln-oil-950: #1c1a19;
}

SCSS

$nuln-oil: #14100e;
$nuln-oil-rgb: 20, 16, 14;
$nuln-oil-light: mix(#fff, $nuln-oil, 20%);
$nuln-oil-dark: mix(#000, $nuln-oil, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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