이름 색상 · #E1DFE0

Christmas Silver

Christmas Silver은(는) #E1DFE0: rgb(225 223 224), hsl(330 3% 88%), oklch(0.905 0.003 345.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Christmas Silver color name →

#E1DFE0

oklch(0.905 0.003 345.2)

색상 변환

HEX: #e1dfe0
RGB: rgb(225 223 224)
HSL: hsl(330 3% 88%)
HWB: hwb(330 87% 12%)
OKLCH: oklch(0.905 0.003 345.2)
OKLab: oklab(0.905 0.002 -0.001)
CIE Lab: lab(89 0.83 -0.24)
LCH: lch(89 0.87 344)
CMYK: cmyk(0% 1% 0% 12%)

틴트 · 셰이드 · 톤

틴트

E4E2E3
E7E5E6
EAE9E9
EDECEC
F0EFEF
F3F2F3
F6F5F6
F9F9F9
FCFCFC

셰이드

C4C2C3
A7A5A6
8B8A8A
706F70
565656
3E3D3E
272727
121212
020202

톤

D7D5D6
CDCBCC
C3C2C2
B9B8B8
AFAEAF
A6A5A5
9C9B9C
939292
898989

색 조화

보색 +180°

E1DFE0
Christmas Silver
DEE0DF
≈ Barely Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.32:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.83:1 · APCA Lc 88

AAA

가장 좋은 글자색: #000000

WCAG 15.83:1 (AAA) · APCA Lc 88

Contrast pairs

코드 스니펫

CSS

:root {
  --christmas-silver: #e1dfe0;
  --christmas-silver-rgb: 225 223 224;
  --christmas-silver-oklch: oklch(0.905 0.003 345.2);
}

.element {
  color: var(--christmas-silver);
  background-color: hsl(330 3% 88%);
  border-color: oklch(0.905 0.003 345.2);
}

Tailwind CSS v4

@theme {
  --color-christmas-silver: #e1dfe0;
  --color-christmas-silver-50: #f6f5f5;
  --color-christmas-silver-100: #e8e7e8;
  --color-christmas-silver-200: #d5d4d4;
  --color-christmas-silver-300: #b8b7b7;
  --color-christmas-silver-400: #9f9e9f;
  --color-christmas-silver-500: #878586;
  --color-christmas-silver-600: #737172;
  --color-christmas-silver-700: #5c5a5b;
  --color-christmas-silver-800: #434242;
  --color-christmas-silver-900: #2e2d2e;
  --color-christmas-silver-950: #1b1a1b;
}

SCSS

$christmas-silver: #e1dfe0;
$christmas-silver-rgb: 225, 223, 224;
$christmas-silver-light: mix(#fff, $christmas-silver, 20%);
$christmas-silver-dark: mix(#000, $christmas-silver, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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