이름 색상 · #EDE8EB

Eyes White Shut

Eyes White Shut은(는) #EDE8EB: rgb(237 232 235), hsl(324 12% 92%), oklch(0.936 0.007 340.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Eyes White Shut color name →

#EDE8EB

oklch(0.936 0.007 340.4)

색상 변환

HEX: #ede8eb
RGB: rgb(237 232 235)
HSL: hsl(324 12% 92%)
HWB: hwb(324 91% 7%)
OKLCH: oklch(0.936 0.007 340.4)
OKLab: oklab(0.936 0.006 -0.002)
CIE Lab: lab(92.45 2.14 -0.83)
LCH: lch(92.45 2.29 338.7)
CMYK: cmyk(0% 2% 1% 7%)

틴트 · 셰이드 · 톤

틴트

EFEAED
F1EDEF
F2EFF1
F4F1F3
F6F3F5
F8F6F7
FAF8F9
FBFAFB
FDFDFD

셰이드

CECACC
B0ACAE
939091
777475
5C595B
424041
2A2929
141313
030303

톤

E2DDE0
D6D2D5
CBC8CA
C0BDBF
B5B3B4
AAA8A9
9F9E9F
959494
8A8A8A

색 조화

보색 +180°

EDE8EB
Eyes White Shut
E6EBE8
≈ Windy Sky

유사색 -30° +30°

삼각 배색 +120° +240°

EDE8EB
Eyes White Shut
EBEAE5
≈ Blanco
E5EBED
≈ Blizzard

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.21:1 · APCA Lc 10

Fail

검은색 위

WCAG 17.34:1 · APCA Lc 94

AAA

가장 좋은 글자색: #000000

WCAG 17.34:1 (AAA) · APCA Lc 94

Contrast pairs

코드 스니펫

CSS

:root {
  --eyes-white-shut: #ede8eb;
  --eyes-white-shut-rgb: 237 232 235;
  --eyes-white-shut-oklch: oklch(0.936 0.007 340.4);
}

.element {
  color: var(--eyes-white-shut);
  background-color: hsl(324 12% 92%);
  border-color: oklch(0.936 0.007 340.4);
}

Tailwind CSS v4

@theme {
  --color-eyes-white-shut: #ede8eb;
  --color-eyes-white-shut-50: #f6f4f5;
  --color-eyes-white-shut-100: #e9e7e8;
  --color-eyes-white-shut-200: #d6d3d5;
  --color-eyes-white-shut-300: #bab6b8;
  --color-eyes-white-shut-400: #a19d9f;
  --color-eyes-white-shut-500: #898487;
  --color-eyes-white-shut-600: #747073;
  --color-eyes-white-shut-700: #5d5a5c;
  --color-eyes-white-shut-800: #444143;
  --color-eyes-white-shut-900: #2f2d2e;
  --color-eyes-white-shut-950: #1b1a1b;
}

SCSS

$eyes-white-shut: #ede8eb;
$eyes-white-shut-rgb: 237, 232, 235;
$eyes-white-shut-light: mix(#fff, $eyes-white-shut, 20%);
$eyes-white-shut-dark: mix(#000, $eyes-white-shut, 20%);

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

비슷한 이름 색상

Palettes with this color

True Sugar Rush AtelierRed · Warm

Palettes with similar colors

도구에서 열기

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