이름 색상 · #B16D52

Santa Fe

Santa Fe은(는) #B16D52: rgb(177 109 82), hsl(17 38% 51%), oklch(0.602 0.096 42.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Santa Fe color name →

#B16D52

oklch(0.602 0.096 42.3)

색상 변환

HEX: #b16d52
RGB: rgb(177 109 82)
HSL: hsl(17 38% 51%)
HWB: hwb(17 32% 31%)
OKLCH: oklch(0.602 0.096 42.3)
OKLab: oklab(0.602 0.071 0.064)
CIE Lab: lab(53.23 25.73 27.02)
LCH: lch(53.23 37.3 46.4)
CMYK: cmyk(0% 38% 54% 31%)

틴트 · 셰이드 · 톤

틴트

BA7B63
C28A73
CA9884
D2A695
DAB5A6
E2C3B8
E9D2C9
F1E1DB
F8F0ED

셰이드

995E46
834F3B
6C412F
573325
42261A
2F1911
1C0D08
0C0402
010100

톤

AD6F57
A8725C
A47461
9F7666
9A786A
95796F
907B73
8B7D77
867E7C

색 조화

보색 +180°

B16D52
Santa Fe
2F8DAA
≈ Carol

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 4.05:1 · APCA Lc 68

Fail

검은색 위

WCAG 5.17:1 · APCA Lc 34

가장 좋은 글자색: #000000

WCAG 5.17:1 (AA) · APCA Lc 34

Contrast pairs

코드 스니펫

CSS

:root {
  --santa-fe: #b16d52;
  --santa-fe-rgb: 177 109 82;
  --santa-fe-oklch: oklch(0.602 0.096 42.3);
}

.element {
  color: var(--santa-fe);
  background-color: hsl(17 38% 51%);
  border-color: oklch(0.602 0.096 42.3);
}

Tailwind CSS v4

@theme {
  --color-santa-fe: #b16d52;
  --color-santa-fe-50: #ffeddf;
  --color-santa-fe-100: #ffdfce;
  --color-santa-fe-200: #f8c8b3;
  --color-santa-fe-300: #e2a890;
  --color-santa-fe-400: #cf8c71;
  --color-santa-fe-500: #bb7052;
  --color-santa-fe-600: #9e5f46;
  --color-santa-fe-700: #7f4c37;
  --color-santa-fe-800: #5e3628;
  --color-santa-fe-900: #42251b;
  --color-santa-fe-950: #2a140b;
}

SCSS

$santa-fe: #b16d52;
$santa-fe-rgb: 177, 109, 82;
$santa-fe-light: mix(#fff, $santa-fe, 20%);
$santa-fe-dark: mix(#000, $santa-fe, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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