이름 색상 · #CFDFDB

Snow Leopard

Snow Leopard은(는) #CFDFDB: rgb(207 223 219), hsl(165 20% 84%), oklch(0.89 0.018 179.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#CFDFDB

oklch(0.89 0.018 179.3)

색상 변환

HEX: #cfdfdb
RGB: rgb(207 223 219)
HSL: hsl(165 20% 84%)
HWB: hwb(165 81% 13%)
OKLCH: oklch(0.89 0.018 179.3)
OKLab: oklab(0.89 -0.018 0)
CIE Lab: lab(87.52 -6.1 0.03)
LCH: lch(87.52 6.1 179.7)
CMYK: cmyk(7% 0% 2% 13%)

틴트 · 셰이드 · 톤

틴트

D4E2DF
D9E5E2
DDE9E6
E2ECE9
E7EFED
ECF2F0
F0F5F4
F5F9F8
FAFCFB

셰이드

B4C2BE
99A5A2
7F8A87
676F6D
4F5654
383D3C
232726
101211
020202

톤

C7D5D2
BFCBC8
B7C2BF
AFB8B6
A7AEAC
9FA5A3
979B9A
8F9291
888989

색 조화

보색 +180°

CFDFDB
Snow Leopard
E6D6DA
≈ Secret Scent

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.37:1 · APCA Lc 18

Fail

검은색 위

WCAG 15.23:1 · APCA Lc 85

AAA

가장 좋은 글자색: #000000

WCAG 15.23:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --snow-leopard: #cfdfdb;
  --snow-leopard-rgb: 207 223 219;
  --snow-leopard-oklch: oklch(0.89 0.018 179.3);
}

.element {
  color: var(--snow-leopard);
  background-color: hsl(165 20% 84%);
  border-color: oklch(0.89 0.018 179.3);
}

Tailwind CSS v4

@theme {
  --color-snow-leopard: #cfdfdb;
  --color-snow-leopard-50: #f0f7f5;
  --color-snow-leopard-100: #e2eae8;
  --color-snow-leopard-200: #ccd7d5;
  --color-snow-leopard-300: #aebbb8;
  --color-snow-leopard-400: #94a29f;
  --color-snow-leopard-500: #7a8a86;
  --color-snow-leopard-600: #677572;
  --color-snow-leopard-700: #535e5b;
  --color-snow-leopard-800: #3c4442;
  --color-snow-leopard-900: #292f2e;
  --color-snow-leopard-950: #171c1a;
}

SCSS

$snow-leopard: #cfdfdb;
$snow-leopard-rgb: 207, 223, 219;
$snow-leopard-light: mix(#fff, $snow-leopard, 20%);
$snow-leopard-dark: mix(#000, $snow-leopard, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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