色名 · #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);
}