이름 색상 · #C3BDA9

Jackson Antique

Jackson Antique은(는) #C3BDA9: rgb(195 189 169), hsl(46 18% 71%), oklch(0.798 0.028 93.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Jackson Antique color name →

#C3BDA9

oklch(0.798 0.028 93.2)

색상 변환

HEX: #c3bda9
RGB: rgb(195 189 169)
HSL: hsl(46 18% 71%)
HWB: hwb(46 66% 24%)
OKLCH: oklch(0.798 0.028 93.2)
OKLab: oklab(0.798 -0.002 0.028)
CIE Lab: lab(76.7 -0.36 10.94)
LCH: lch(76.7 10.95 91.9)
CMYK: cmyk(0% 3% 13% 24%)

틴트 · 셰이드 · 톤

틴트

C9C3B1
CFCABA
D5D0C2
DBD7CB
E1DED3
E7E4DC
EDEBE5
F3F2ED
F9F8F6

셰이드

A9A492
908C7C
787467
605D53
4A473F
34332C
201F1B
0E0D0A
020201

톤

BCB7A5
B5B0A1
AEAA9D
A8A498
A19E94
9A9890
94928C
8D8C88
868684

색 조화

보색 +180°

C3BDA9
Jackson Antique
B7BCD0
≈ Violet Vision

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.87:1 · APCA Lc 36

Fail

검은색 위

WCAG 11.17:1 · APCA Lc 67

AAA

가장 좋은 글자색: #000000

WCAG 11.17:1 (AAA) · APCA Lc 67

Contrast pairs

코드 스니펫

CSS

:root {
  --jackson-antique: #c3bda9;
  --jackson-antique-rgb: 195 189 169;
  --jackson-antique-oklch: oklch(0.798 0.028 93.2);
}

.element {
  color: var(--jackson-antique);
  background-color: hsl(46 18% 71%);
  border-color: oklch(0.798 0.028 93.2);
}

Tailwind CSS v4

@theme {
  --color-jackson-antique: #c3bda9;
  --color-jackson-antique-50: #f7f5ec;
  --color-jackson-antique-100: #ebe8de;
  --color-jackson-antique-200: #d8d4c7;
  --color-jackson-antique-300: #bcb8a8;
  --color-jackson-antique-400: #a49e8c;
  --color-jackson-antique-500: #8c8671;
  --color-jackson-antique-600: #777160;
  --color-jackson-antique-700: #5f5b4d;
  --color-jackson-antique-800: #464237;
  --color-jackson-antique-900: #302e26;
  --color-jackson-antique-950: #1d1a14;
}

SCSS

$jackson-antique: #c3bda9;
$jackson-antique-rgb: 195, 189, 169;
$jackson-antique-light: mix(#fff, $jackson-antique, 20%);
$jackson-antique-dark: mix(#000, $jackson-antique, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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