色名 · #D2D9DB
Aluminium Foil
Aluminium Foilは#D2D9DB：rgb(210 217 219)、hsl(193 11% 84%)、oklch(0.881 0.008 216.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Aluminium Foil color name →
#D2D9DB
oklch(0.881 0.008 216.6)
カラー変換
- HEX
- #d2d9db
- RGB
- rgb(210 217 219)
- HSL
- hsl(193 11% 84%)
- HWB
- hwb(193 82% 14%)
- OKLCH
- oklch(0.881 0.008 216.6)
- OKLab
- oklab(0.881 -0.007 -0.005)
- CIE Lab
- lab(86.19 -2.17 -1.86)
- LCH
- lch(86.19 2.86 220.5)
- CMYK
- cmyk(4% 1% 0% 14%)
ティント · シェード · トーン
ティント
- D6DDDF
- DBE1E2
- DFE4E6
- E4E8E9
- E8ECED
- EDF0F0
- F1F3F4
- F6F7F8
- FAFBFB
シェード
- B6BCBE
- 9BA1A2
- 818687
- 686C6D
- 505354
- 393B3C
- 242526
- 101111
- 020202
トーン
- C9D0D2
- C1C7C8
- B9BDBF
- B0B4B6
- A8ABAC
- A0A3A3
- 989A9A
- 909191
- 888889
カラーハーモニー
補色 +180°
- D2D9DB
Aluminium Foil
- DDD6D4
≈ Dull Desert
類似色 -30° +30°
- D2D9DB
Aluminium Foil
- D2D9D8
≈ Summer Shade
- D3D8DD
≈ Shy Blunt
トライアド +120° +240°
- D2D9DB
Aluminium Foil
- DBD6D9
≈ Sharp Pebbles
- D9D8D2
≈ Silver Tradition
スプリットコンプリメンタリー +150° +210°
- D2D9DB
Aluminium Foil
- DDD5D7
≈ Sharp Pebbles
- DBD7D2
≈ Eastern Wolf
テトラード +90° +180° +270°
- D2D9DB
Aluminium Foil
- D9D6DC
≈ Delicate Viola
- DDD6D4
≈ Dull Desert
- D6D9D3
≈ Misty Coast
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.68:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--aluminium-foil: #d2d9db;
--aluminium-foil-rgb: 210 217 219;
--aluminium-foil-oklch: oklch(0.881 0.008 216.6);
}
.element {
color: var(--aluminium-foil);
background-color: hsl(193 11% 84%);
border-color: oklch(0.881 0.008 216.6);
}Tailwind CSS v4
@theme {
--color-aluminium-foil: #d2d9db;
--color-aluminium-foil-50: #f3f6f7;
--color-aluminium-foil-100: #e5e8ea;
--color-aluminium-foil-200: #d1d5d6;
--color-aluminium-foil-300: #b3b8ba;
--color-aluminium-foil-400: #99a0a1;
--color-aluminium-foil-500: #80888a;
--color-aluminium-foil-600: #6d7374;
--color-aluminium-foil-700: #575c5d;
--color-aluminium-foil-800: #3f4344;
--color-aluminium-foil-900: #2c2e2f;
--color-aluminium-foil-950: #191b1c;
}SCSS
$aluminium-foil: #d2d9db;
$aluminium-foil-rgb: 210, 217, 219;
$aluminium-foil-light: mix(#fff, $aluminium-foil, 20%);
$aluminium-foil-dark: mix(#000, $aluminium-foil, 20%);
.element {
color: $aluminium-foil;
box-shadow: 0 0 0 2px rgba($aluminium-foil, 0.35);
}