이름 색상 · #EDE4D3

Miami Weiss

Miami Weiss은(는) #EDE4D3: rgb(237 228 211), hsl(39 42% 88%), oklch(0.921 0.025 83.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Miami Weiss color name →

#EDE4D3

oklch(0.921 0.025 83.4)

색상 변환

HEX: #ede4d3
RGB: rgb(237 228 211)
HSL: hsl(39 42% 88%)
HWB: hwb(39 83% 7%)
OKLCH: oklch(0.921 0.025 83.4)
OKLab: oklab(0.921 0.003 0.025)
CIE Lab: lab(90.97 1.06 9.47)
LCH: lch(90.97 9.53 83.6)
CMYK: cmyk(0% 4% 11% 7%)

틴트 · 셰이드 · 톤

틴트

EFE7D7
F1E9DC
F2ECE0
F4EFE5
F6F1E9
F8F4ED
FAF7F2
FBFAF6
FDFCFB

셰이드

CEC6B7
B0A99C
938D82
777269
5C5851
423F3A
2A2824
141210
030302

톤

E2DACA
D6CFC2
CBC5B9
C0BBB1
B5B1A9
AAA7A0
9F9D98
959390
8A8A88

색 조화

보색 +180°

EDE4D3
Miami Weiss
DDE5F6
≈ Crystal Falls

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.26:1 · APCA Lc 13

Fail

검은색 위

WCAG 16.63:1 · APCA Lc 91

AAA

가장 좋은 글자색: #000000

WCAG 16.63:1 (AAA) · APCA Lc 91

Contrast pairs

코드 스니펫

CSS

:root {
  --miami-weiss: #ede4d3;
  --miami-weiss-rgb: 237 228 211;
  --miami-weiss-oklch: oklch(0.921 0.025 83.4);
}

.element {
  color: var(--miami-weiss);
  background-color: hsl(39 42% 88%);
  border-color: oklch(0.921 0.025 83.4);
}

Tailwind CSS v4

@theme {
  --color-miami-weiss: #ede4d3;
  --color-miami-weiss-50: #f8f5ed;
  --color-miami-weiss-100: #ece7df;
  --color-miami-weiss-200: #d9d4c9;
  --color-miami-weiss-300: #bdb7a9;
  --color-miami-weiss-400: #a59d8e;
  --color-miami-weiss-500: #8e8574;
  --color-miami-weiss-600: #787162;
  --color-miami-weiss-700: #605a4e;
  --color-miami-weiss-800: #474239;
  --color-miami-weiss-900: #312d27;
  --color-miami-weiss-950: #1d1a15;
}

SCSS

$miami-weiss: #ede4d3;
$miami-weiss-rgb: 237, 228, 211;
$miami-weiss-light: mix(#fff, $miami-weiss, 20%);
$miami-weiss-dark: mix(#000, $miami-weiss, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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