이름 색상 · #8A6645

Craft Paper

Craft Paper은(는) #8A6645: rgb(138 102 69), hsl(29 33% 41%), oklch(0.539 0.066 63.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Brown mean? → · Craft Paper color name →

#8A6645

oklch(0.539 0.066 63.2)

색상 변환

HEX: #8a6645
RGB: rgb(138 102 69)
HSL: hsl(29 33% 41%)
HWB: hwb(29 27% 46%)
OKLCH: oklch(0.539 0.066 63.2)
OKLab: oklab(0.539 0.03 0.059)
CIE Lab: lab(46.37 11.82 24.55)
LCH: lch(46.37 27.25 64.3)
CMYK: cmyk(0% 26% 50% 46%)

틴트 · 셰이드 · 톤

틴트

957457
A18368
AD927A
B8A18C
C4B09F
D0BFB2
DBCFC5
E7DFD8
F3EFEB

셰이드

77583B
654A31
533C27
422F1E
322315
22170C
140C05
070402
010000

톤

89694B
886B52
886E58
87715E
867363
857669
84796F
827B75
817E7A

색 조화

보색 +180°

8A6645
Craft Paper
4B7392
≈ Metallic Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.16:1 · APCA Lc 75

검은색 위

WCAG 4.06:1 · APCA Lc 26

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.16:1 (AA) · APCA Lc 75

Contrast pairs

코드 스니펫

CSS

:root {
  --craft-paper: #8a6645;
  --craft-paper-rgb: 138 102 69;
  --craft-paper-oklch: oklch(0.539 0.066 63.2);
}

.element {
  color: var(--craft-paper);
  background-color: hsl(29 33% 41%);
  border-color: oklch(0.539 0.066 63.2);
}

Tailwind CSS v4

@theme {
  --color-craft-paper: #8a6645;
  --color-craft-paper-50: #fff2e2;
  --color-craft-paper-100: #f8e4d1;
  --color-craft-paper-200: #e9cfb7;
  --color-craft-paper-300: #d0b194;
  --color-craft-paper-400: #bb9676;
  --color-craft-paper-500: #a67d57;
  --color-craft-paper-600: #8c6a4a;
  --color-craft-paper-700: #70543b;
  --color-craft-paper-800: #533d2a;
  --color-craft-paper-900: #3a2a1c;
  --color-craft-paper-950: #24180d;
}

SCSS

$craft-paper: #8a6645;
$craft-paper-rgb: 138, 102, 69;
$craft-paper-light: mix(#fff, $craft-paper, 20%);
$craft-paper-dark: mix(#000, $craft-paper, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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