이름 색상 · #D6CBDA
Dusky Lilac
Dusky Lilac은(는) #D6CBDA: rgb(214 203 218), hsl(284 17% 83%), oklch(0.855 0.024 317.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dusky Lilac color name →
#D6CBDA
oklch(0.855 0.024 317.1)
색상 변환
- HEX
- #d6cbda
- RGB
- rgb(214 203 218)
- HSL
- hsl(284 17% 83%)
- HWB
- hwb(284 80% 15%)
- OKLCH
- oklch(0.855 0.024 317.1)
- OKLab
- oklab(0.855 0.017 -0.016)
- CIE Lab
- lab(82.93 5.97 -6.03)
- LCH
- lch(82.93 8.48 314.7)
- CMYK
- cmyk(2% 7% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- DAD0DE
- DED5E1
- E2DAE5
- E6E0E9
- EAE5EC
- EEEAF0
- F3EFF4
- F7F4F8
- FBFAFB
셰이드
- BAB0BD
- 9E96A2
- 847D87
- 6A656C
- 524D54
- 3B373C
- 252225
- 100F11
- 020202
톤
- CDC3D1
- C4BCC7
- BBB4BE
- B3ACB5
- AAA5AC
- A19DA3
- 99969A
- 918E91
- 888789
색 조화
보색 +180°
- D6CBDA
Dusky Lilac
- C8D3C4
≈ Iced Aniseed
유사색 -30° +30°
- D6CBDA
Dusky Lilac
- CECEDF
≈ Breezy Violet
- DCCAD2
≈ Blush of Hyacinth
삼각 배색 +120° +240°
- D6CBDA
Dusky Lilac
- D8CEBF
≈ Warm Oatmeal
- BFD5D5
≈ Wind Speed
분열 보색 +150° +210°
- D6CBDA
Dusky Lilac
- D1D1BF
≈ Spooky
- C2D5CC
≈ Gracilis
사각 배색 +90° +180° +270°
- D6CBDA
Dusky Lilac
- DDCBC3
≈ Nana’s Pearls
- C8D3C4
≈ Iced Aniseed
- C0D3DC
≈ Winterscape
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.41:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--dusky-lilac: #d6cbda;
--dusky-lilac-rgb: 214 203 218;
--dusky-lilac-oklch: oklch(0.855 0.024 317.1);
}
.element {
color: var(--dusky-lilac);
background-color: hsl(284 17% 83%);
border-color: oklch(0.855 0.024 317.1);
}Tailwind CSS v4
@theme {
--color-dusky-lilac: #d6cbda;
--color-dusky-lilac-50: #f8f3f9;
--color-dusky-lilac-100: #ebe5ed;
--color-dusky-lilac-200: #d9d1db;
--color-dusky-lilac-300: #bdb4bf;
--color-dusky-lilac-400: #a49aa8;
--color-dusky-lilac-500: #8d8291;
--color-dusky-lilac-600: #776e7a;
--color-dusky-lilac-700: #5f5862;
--color-dusky-lilac-800: #464048;
--color-dusky-lilac-900: #302c32;
--color-dusky-lilac-950: #1c191e;
}SCSS
$dusky-lilac: #d6cbda;
$dusky-lilac-rgb: 214, 203, 218;
$dusky-lilac-light: mix(#fff, $dusky-lilac, 20%);
$dusky-lilac-dark: mix(#000, $dusky-lilac, 20%);
.element {
color: $dusky-lilac;
box-shadow: 0 0 0 2px rgba($dusky-lilac, 0.35);
}