이름 색상 · #DADCE0

Snow Tiger

Snow Tiger은(는) #DADCE0: rgb(218 220 224), hsl(220 9% 87%), oklch(0.894 0.006 264.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Snow Tiger color name →

#DADCE0

oklch(0.894 0.006 264.5)

색상 변환

HEX: #dadce0
RGB: rgb(218 220 224)
HSL: hsl(220 9% 87%)
HWB: hwb(220 85% 12%)
OKLCH: oklch(0.894 0.006 264.5)
OKLab: oklab(0.894 -0.001 -0.006)
CIE Lab: lab(87.69 -0.16 -2.22)
LCH: lch(87.69 2.22 266)
CMYK: cmyk(3% 2% 0% 12%)

틴트 · 셰이드 · 톤

틴트

DEDFE3
E1E3E6
E5E6E9
E9EAEC
ECEDEF
F0F1F3
F4F4F6
F8F8F9
FBFBFC

셰이드

BDBFC3
A2A3A6
87888A
6C6E70
545456
3C3C3E
252627
111112
020202

톤

D1D2D6
C7C9CC
BEBFC2
B5B6B8
ACADAF
A3A4A5
9A9B9C
919292
898989

색 조화

보색 +180°

DADCE0
Snow Tiger
DEDCD8
≈ Spectral

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.37:1 · APCA Lc 18

Fail

검은색 위

WCAG 15.29:1 · APCA Lc 85

AAA

가장 좋은 글자색: #000000

WCAG 15.29:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --snow-tiger: #dadce0;
  --snow-tiger-rgb: 218 220 224;
  --snow-tiger-oklch: oklch(0.894 0.006 264.5);
}

.element {
  color: var(--snow-tiger);
  background-color: hsl(220 9% 87%);
  border-color: oklch(0.894 0.006 264.5);
}

Tailwind CSS v4

@theme {
  --color-snow-tiger: #dadce0;
  --color-snow-tiger-50: #f4f5f7;
  --color-snow-tiger-100: #e7e8ea;
  --color-snow-tiger-200: #d3d4d7;
  --color-snow-tiger-300: #b6b7ba;
  --color-snow-tiger-400: #9d9ea2;
  --color-snow-tiger-500: #84868a;
  --color-snow-tiger-600: #707275;
  --color-snow-tiger-700: #595b5d;
  --color-snow-tiger-800: #414244;
  --color-snow-tiger-900: #2d2e2f;
  --color-snow-tiger-950: #1a1b1c;
}

SCSS

$snow-tiger: #dadce0;
$snow-tiger-rgb: 218, 220, 224;
$snow-tiger-light: mix(#fff, $snow-tiger, 20%);
$snow-tiger-dark: mix(#000, $snow-tiger, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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