이름 색상 · #DADCD4

Silken Web

Silken Web은(는) #DADCD4: rgb(218 220 212), hsl(75 10% 85%), oklch(0.891 0.011 118). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Silken Web color name →

#DADCD4

oklch(0.891 0.011 118)

색상 변환

HEX: #dadcd4
RGB: rgb(218 220 212)
HSL: hsl(75 10% 85%)
HWB: hwb(75 83% 14%)
OKLCH: oklch(0.891 0.011 118)
OKLab: oklab(0.891 -0.005 0.01)
CIE Lab: lab(87.44 -1.76 3.69)
LCH: lch(87.44 4.09 115.5)
CMYK: cmyk(1% 0% 4% 14%)

틴트 · 셰이드 · 톤

틴트

DEDFD8
E1E3DC
E5E6E1
E9EAE5
ECEDE9
F0F1EE
F4F4F2
F8F8F6
FBFBFB

셰이드

BDBFB8
A2A39D
878883
6C6E69
545451
3C3C3A
252624
111110
020202

톤

D1D2CB
C7C9C3
BEBFBA
B5B6B1
ACADA9
A3A4A1
9A9B98
919290
898988

색 조화

보색 +180°

DADCD4
Silken Web
DCD9E1
≈ Misty Lavender

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.38:1 · APCA Lc 19

Fail

검은색 위

WCAG 15.16:1 · APCA Lc 85

AAA

가장 좋은 글자색: #000000

WCAG 15.16:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --silken-web: #dadcd4;
  --silken-web-rgb: 218 220 212;
  --silken-web-oklch: oklch(0.891 0.011 118);
}

.element {
  color: var(--silken-web);
  background-color: hsl(75 10% 85%);
  border-color: oklch(0.891 0.011 118);
}

Tailwind CSS v4

@theme {
  --color-silken-web: #dadcd4;
  --color-silken-web-50: #f5f6f2;
  --color-silken-web-100: #e7e8e4;
  --color-silken-web-200: #d3d5d0;
  --color-silken-web-300: #b6b8b2;
  --color-silken-web-400: #9e9f98;
  --color-silken-web-500: #85877f;
  --color-silken-web-600: #71726c;
  --color-silken-web-700: #5a5c56;
  --color-silken-web-800: #42433f;
  --color-silken-web-900: #2e2e2b;
  --color-silken-web-950: #1a1b18;
}

SCSS

$silken-web: #dadcd4;
$silken-web-rgb: 218, 220, 212;
$silken-web-light: mix(#fff, $silken-web, 20%);
$silken-web-dark: mix(#000, $silken-web, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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