이름 색상 · #EDDDD3

Santa Fe Spirit

Santa Fe Spirit은(는) #EDDDD3: rgb(237 221 211), hsl(23 42% 88%), oklch(0.908 0.022 54.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Santa Fe Spirit color name →

#EDDDD3

oklch(0.908 0.022 54.3)

색상 변환

HEX: #edddd3
RGB: rgb(237 221 211)
HSL: hsl(23 42% 88%)
HWB: hwb(23 83% 7%)
OKLCH: oklch(0.908 0.022 54.3)
OKLab: oklab(0.908 0.013 0.018)
CIE Lab: lab(89.22 4.44 7)
LCH: lch(89.22 8.29 57.6)
CMYK: cmyk(0% 7% 11% 7%)

틴트 · 셰이드 · 톤

틴트

EFE0D7
F1E4DC
F2E7E0
F4EBE4
F6EEE9
F8F1ED
FAF5F2
FBF8F6
FDFCFB

셰이드

CEC0B7
B0A49C
938882
776E69
5C5551
423D3A
2A2624
141110
030202

톤

E2D3CA
D6CAC2
CBC0B9
C0B7B1
B5ADA9
AAA4A0
9F9B98
959290
8A8988

색 조화

보색 +180°

EDDDD3
Santa Fe Spirit
D3E3ED
≈ Mystic Harbour

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.32:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.88:1 · APCA Lc 88

AAA

가장 좋은 글자색: #000000

WCAG 15.88:1 (AAA) · APCA Lc 88

Contrast pairs

코드 스니펫

CSS

:root {
  --santa-fe-spirit: #edddd3;
  --santa-fe-spirit-rgb: 237 221 211;
  --santa-fe-spirit-oklch: oklch(0.908 0.022 54.3);
}

.element {
  color: var(--santa-fe-spirit);
  background-color: hsl(23 42% 88%);
  border-color: oklch(0.908 0.022 54.3);
}

Tailwind CSS v4

@theme {
  --color-santa-fe-spirit: #edddd3;
  --color-santa-fe-spirit-50: #faf4ef;
  --color-santa-fe-spirit-100: #eee6e1;
  --color-santa-fe-spirit-200: #dcd2cb;
  --color-santa-fe-spirit-300: #c1b5ad;
  --color-santa-fe-spirit-400: #a99b92;
  --color-santa-fe-spirit-500: #928379;
  --color-santa-fe-spirit-600: #7c6f66;
  --color-santa-fe-spirit-700: #635852;
  --color-santa-fe-spirit-800: #49403b;
  --color-santa-fe-spirit-900: #332c29;
  --color-santa-fe-spirit-950: #1e1917;
}

SCSS

$santa-fe-spirit: #edddd3;
$santa-fe-spirit-rgb: 237, 221, 211;
$santa-fe-spirit-light: mix(#fff, $santa-fe-spirit, 20%);
$santa-fe-spirit-dark: mix(#000, $santa-fe-spirit, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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