이름 색상 · #888F4F

Vintage Vibe

Vintage Vibe은(는) #888F4F: rgb(136 143 79), hsl(67 29% 44%), oklch(0.629 0.087 114). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Vintage Vibe color name →

#888F4F

oklch(0.629 0.087 114)

색상 변환

HEX: #888f4f
RGB: rgb(136 143 79)
HSL: hsl(67 29% 44%)
HWB: hwb(67 31% 44%)
OKLCH: oklch(0.629 0.087 114)
OKLab: oklab(0.629 -0.036 0.08)
CIE Lab: lab(57.7 -10.14 32.97)
LCH: lch(57.7 34.49 107.1)
CMYK: cmyk(5% 0% 45% 44%)

틴트 · 셰이드 · 톤

틴트

939A61
9EA572
AAB083
B6BB95
C1C6A6
CDD1B8
DADDC9
E6E8DB
F2F3ED

셰이드

757C44
636938
52572E
414523
313419
222410
131507
060702
010100

톤

878E55
868C5B
858B60
858965
84886A
83866F
828573
818378
81827C

색 조화

보색 +180°

888F4F
Vintage Vibe
8C7FB9
≈ Unimaginable

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.44:1 · APCA Lc 62

Fail

검은색 위

WCAG 6.08:1 · APCA Lc 40

가장 좋은 글자색: #000000

WCAG 6.08:1 (AA) · APCA Lc 40

Contrast pairs

코드 스니펫

CSS

:root {
  --vintage-vibe: #888f4f;
  --vintage-vibe-rgb: 136 143 79;
  --vintage-vibe-oklch: oklch(0.629 0.087 114);
}

.element {
  color: var(--vintage-vibe);
  background-color: hsl(67 29% 44%);
  border-color: oklch(0.629 0.087 114);
}

Tailwind CSS v4

@theme {
  --color-vintage-vibe: #888f4f;
  --color-vintage-vibe-50: #f3f9dd;
  --color-vintage-vibe-100: #e6eccb;
  --color-vintage-vibe-200: #d2d9af;
  --color-vintage-vibe-300: #b5bd8a;
  --color-vintage-vibe-400: #9da568;
  --color-vintage-vibe-500: #858d45;
  --color-vintage-vibe-600: #71773b;
  --color-vintage-vibe-700: #5a5f2f;
  --color-vintage-vibe-800: #434520;
  --color-vintage-vibe-900: #2e3015;
  --color-vintage-vibe-950: #1b1c07;
}

SCSS

$vintage-vibe: #888f4f;
$vintage-vibe-rgb: 136, 143, 79;
$vintage-vibe-light: mix(#fff, $vintage-vibe, 20%);
$vintage-vibe-dark: mix(#000, $vintage-vibe, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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