이름 색상 · #E9EAEB

Mourn Mountain Snow

Mourn Mountain Snow은(는) #E9EAEB: rgb(233 234 235), hsl(210 5% 92%), oklch(0.937 0.002 247.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Mourn Mountain Snow color name →

#E9EAEB

oklch(0.937 0.002 247.8)

색상 변환

HEX: #e9eaeb
RGB: rgb(233 234 235)
HSL: hsl(210 5% 92%)
HWB: hwb(210 91% 8%)
OKLCH: oklch(0.937 0.002 247.8)
OKLab: oklab(0.937 -0.001 -0.002)
CIE Lab: lab(92.64 -0.21 -0.61)
LCH: lch(92.64 0.65 250.7)
CMYK: cmyk(1% 0% 0% 8%)

틴트 · 셰이드 · 톤

틴트

EBECED
EDEEEF
F0F0F1
F2F2F3
F4F4F5
F6F7F7
F8F9F9
FBFBFB
FDFDFD

셰이드

CBCBCC
ADAEAE
909191
747575
5A5A5B
414141
292929
131313
030303

톤

DEDFE0
D3D4D5
C8C9CA
BEBEBF
B3B4B4
A9A9A9
9E9F9F
949494
8A8A8A

색 조화

보색 +180°

E9EAEB
Mourn Mountain Snow
EBEAE9
≈ Plaster

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

E9EAEB
Mourn Mountain Snow
EBEAE9
≈ Plaster
EAEAE9
≈ Polypropylene

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

대비 및 접근성

흰색 위

WCAG 1.20:1 · APCA Lc 10

Fail

검은색 위

WCAG 17.43:1 · APCA Lc 94

AAA

가장 좋은 글자색: #000000

WCAG 17.43:1 (AAA) · APCA Lc 94

Contrast pairs

코드 스니펫

CSS

:root {
  --mourn-mountain-snow: #e9eaeb;
  --mourn-mountain-snow-rgb: 233 234 235;
  --mourn-mountain-snow-oklch: oklch(0.937 0.002 247.8);
}

.element {
  color: var(--mourn-mountain-snow);
  background-color: hsl(210 5% 92%);
  border-color: oklch(0.937 0.002 247.8);
}

Tailwind CSS v4

@theme {
  --color-mourn-mountain-snow: #e9eaeb;
  --color-mourn-mountain-snow-50: #f5f5f5;
  --color-mourn-mountain-snow-100: #e7e8e8;
  --color-mourn-mountain-snow-200: #d4d4d5;
  --color-mourn-mountain-snow-300: #b7b7b8;
  --color-mourn-mountain-snow-400: #9d9e9f;
  --color-mourn-mountain-snow-500: #858687;
  --color-mourn-mountain-snow-600: #717272;
  --color-mourn-mountain-snow-700: #5a5b5b;
  --color-mourn-mountain-snow-800: #424243;
  --color-mourn-mountain-snow-900: #2d2e2e;
  --color-mourn-mountain-snow-950: #1a1b1b;
}

SCSS

$mourn-mountain-snow: #e9eaeb;
$mourn-mountain-snow-rgb: 233, 234, 235;
$mourn-mountain-snow-light: mix(#fff, $mourn-mountain-snow, 20%);
$mourn-mountain-snow-dark: mix(#000, $mourn-mountain-snow, 20%);

.element {
  color: $mourn-mountain-snow;
  box-shadow: 0 0 0 2px rgba($mourn-mountain-snow, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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