이름 색상 · #EFEEE9

White Mink

White Mink은(는) #EFEEE9: rgb(239 238 233), hsl(50 16% 93%), oklch(0.948 0.007 97.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#EFEEE9

oklch(0.948 0.007 97.4)

색상 변환

HEX: #efeee9
RGB: rgb(239 238 233)
HSL: hsl(50 16% 93%)
HWB: hwb(50 91% 6%)
OKLCH: oklch(0.948 0.007 97.4)
OKLab: oklab(0.948 -0.001 0.007)
CIE Lab: lab(94.07 -0.31 2.55)
LCH: lch(94.07 2.57 96.8)
CMYK: cmyk(0% 0% 3% 6%)

틴트 · 셰이드 · 톤

틴트

F1F0EB
F2F1ED
F4F3F0
F5F5F2
F7F6F4
F9F8F6
FAFAF8
FCFCFB
FDFDFD

셰이드

D0CFCB
B1B1AD
949390
787774
5C5C5A
424241
2A2A29
141413
030303

톤

E3E2DE
D8D7D3
CCCCC8
C1C1BE
B6B5B3
ABAAA9
A0A09E
959594
8B8A8A

색 조화

보색 +180°

EFEEE9
White Mink
EDEEF3
≈ Springtime Rain

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.16:1 · APCA Lc 8

Fail

검은색 위

WCAG 18.07:1 · APCA Lc 97

AAA

가장 좋은 글자색: #000000

WCAG 18.07:1 (AAA) · APCA Lc 97

Contrast pairs

코드 스니펫

CSS

:root {
  --white-mink: #efeee9;
  --white-mink-rgb: 239 238 233;
  --white-mink-oklch: oklch(0.948 0.007 97.4);
}

.element {
  color: var(--white-mink);
  background-color: hsl(50 16% 93%);
  border-color: oklch(0.948 0.007 97.4);
}

Tailwind CSS v4

@theme {
  --color-white-mink: #efeee9;
  --color-white-mink-50: #f5f5f3;
  --color-white-mink-100: #e8e8e5;
  --color-white-mink-200: #d5d4d1;
  --color-white-mink-300: #b8b7b4;
  --color-white-mink-400: #9f9e9a;
  --color-white-mink-500: #878681;
  --color-white-mink-600: #72726d;
  --color-white-mink-700: #5b5b57;
  --color-white-mink-800: #434240;
  --color-white-mink-900: #2e2e2c;
  --color-white-mink-950: #1b1b19;
}

SCSS

$white-mink: #efeee9;
$white-mink-rgb: 239, 238, 233;
$white-mink-light: mix(#fff, $white-mink, 20%);
$white-mink-dark: mix(#000, $white-mink, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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