이름 색상 · #ECF3E1

White Mecca

White Mecca은(는) #ECF3E1: rgb(236 243 225), hsl(83 43% 92%), oklch(0.954 0.025 124.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · White Mecca color name →

#ECF3E1

oklch(0.954 0.025 124.3)

색상 변환

HEX: #ecf3e1
RGB: rgb(236 243 225)
HSL: hsl(83 43% 92%)
HWB: hwb(83 88% 5%)
OKLCH: oklch(0.954 0.025 124.3)
OKLab: oklab(0.954 -0.014 0.021)
CIE Lab: lab(94.94 -4.74 7.87)
LCH: lch(94.94 9.19 121.1)
CMYK: cmyk(3% 0% 7% 5%)

틴트 · 셰이드 · 톤

틴트

EEF4E4
F0F5E7
F2F7EA
F4F8ED
F5F9F0
F7FAF3
F9FBF6
FBFDF9
FDFEFC

셰이드

CDD3C4
AFB4A7
92978B
767A70
5B5E56
42443E
292B27
131412
030302

톤

E1E7D7
D5DBCD
CACFC3
BFC3B9
B4B8AF
AAACA6
9FA19C
959693
8A8B89

색 조화

보색 +180°

ECF3E1
White Mecca
F3ECFE
≈ Placebo Purple

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.13:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.47:1 · APCA Lc 98

AAA

가장 좋은 글자색: #000000

WCAG 18.47:1 (AAA) · APCA Lc 98

Contrast pairs

코드 스니펫

CSS

:root {
  --white-mecca: #ecf3e1;
  --white-mecca-rgb: 236 243 225;
  --white-mecca-oklch: oklch(0.954 0.025 124.3);
}

.element {
  color: var(--white-mecca);
  background-color: hsl(83 43% 92%);
  border-color: oklch(0.954 0.025 124.3);
}

Tailwind CSS v4

@theme {
  --color-white-mecca: #ecf3e1;
  --color-white-mecca-50: #f3f6ef;
  --color-white-mecca-100: #e6e9e1;
  --color-white-mecca-200: #d1d6cb;
  --color-white-mecca-300: #b4baac;
  --color-white-mecca-400: #9ba191;
  --color-white-mecca-500: #828977;
  --color-white-mecca-600: #6e7465;
  --color-white-mecca-700: #585d51;
  --color-white-mecca-800: #41443a;
  --color-white-mecca-900: #2d2f28;
  --color-white-mecca-950: #1a1b16;
}

SCSS

$white-mecca: #ecf3e1;
$white-mecca-rgb: 236, 243, 225;
$white-mecca-light: mix(#fff, $white-mecca, 20%);
$white-mecca-dark: mix(#000, $white-mecca, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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