이름 색상 · #D1CDD0

Inuit White

Inuit White은(는) #D1CDD0: rgb(209 205 208), hsl(315 4% 81%), oklch(0.852 0.006 334). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#D1CDD0

oklch(0.852 0.006 334)

색상 변환

HEX: #d1cdd0
RGB: rgb(209 205 208)
HSL: hsl(315 4% 81%)
HWB: hwb(315 80% 18%)
OKLCH: oklch(0.852 0.006 334)
OKLab: oklab(0.852 0.005 -0.003)
CIE Lab: lab(82.79 1.83 -0.98)
LCH: lch(82.79 2.08 331.8)
CMYK: cmyk(0% 2% 0% 18%)

틴트 · 셰이드 · 톤

틴트

D6D2D5
DAD7D9
DFDCDE
E3E1E3
E8E6E7
ECEBEC
F1F0F1
F6F5F5
FAFAFA

셰이드

B5B2B5
9B989A
817E80
686667
504E4F
393839
232323
100F10
020202

톤

C9C5C8
C0BDBF
B8B5B7
B0ADAF
A8A6A7
A09E9F
989697
908F8F
888788

색 조화

보색 +180°

D1CDD0
Inuit White
CCD0CD
≈ Sparkling Silver

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.57:1 · APCA Lc 26

Fail

검은색 위

WCAG 13.35:1 · APCA Lc 77

AAA

가장 좋은 글자색: #000000

WCAG 13.35:1 (AAA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --inuit-white: #d1cdd0;
  --inuit-white-rgb: 209 205 208;
  --inuit-white-oklch: oklch(0.852 0.006 334);
}

.element {
  color: var(--inuit-white);
  background-color: hsl(315 4% 81%);
  border-color: oklch(0.852 0.006 334);
}

Tailwind CSS v4

@theme {
  --color-inuit-white: #d1cdd0;
  --color-inuit-white-50: #f6f4f6;
  --color-inuit-white-100: #e9e7e8;
  --color-inuit-white-200: #d6d3d5;
  --color-inuit-white-300: #b9b6b8;
  --color-inuit-white-400: #a19da0;
  --color-inuit-white-500: #898588;
  --color-inuit-white-600: #747073;
  --color-inuit-white-700: #5d5a5c;
  --color-inuit-white-800: #444243;
  --color-inuit-white-900: #2f2d2e;
  --color-inuit-white-950: #1b1a1b;
}

SCSS

$inuit-white: #d1cdd0;
$inuit-white-rgb: 209, 205, 208;
$inuit-white-light: mix(#fff, $inuit-white, 20%);
$inuit-white-dark: mix(#000, $inuit-white, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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