最も近い色名 · #E2DDED
#E2DDED
最も近い色名: Velvet Scarf
#E2DDED（rgb(226 221 237)、hsl(259 31% 90%)、oklch(0.906 0.022 300.2)）に最も近い色名はVelvet Scarfです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E2DDED
oklch(0.906 0.022 300.2)
カラー変換
- HEX
- #e2dded
- RGB
- rgb(226 221 237)
- HSL
- hsl(259 31% 90%)
- HWB
- hwb(259 87% 7%)
- OKLCH
- oklch(0.906 0.022 300.2)
- OKLab
- oklab(0.906 0.011 -0.019)
- CIE Lab
- lab(88.87 3.94 -7.21)
- LCH
- lch(88.87 8.21 298.6)
- CMYK
- cmyk(5% 7% 0% 7%)
ティント · シェード · トーン
ティント
- E5E0EF
- E8E4F1
- EBE7F2
- EEEBF4
- F0EEF6
- F3F1F8
- F6F5FA
- F9F8FB
- FCFCFD
シェード
- C4C0CE
- A8A4B0
- 8C8893
- 716E77
- 57555C
- 3E3D42
- 27262A
- 121114
- 030203
トーン
- D8D3E2
- CECAD6
- C4C0CB
- BAB7C0
- B0ADB5
- A6A4AA
- 9C9B9F
- 939295
- 89898A
カラーハーモニー
補色 +180°
- E2DDED
Velvet Scarf
- DEE2D2
≈ Wild Wheat
類似色 -30° +30°
- E2DDED
Velvet Scarf
- DAE0EF
≈ Timid Blue
- E9DBE7
≈ Twinkled Pink
トライアド +120° +240°
- E2DDED
Velvet Scarf
- ECDDD2
≈ Santa Fe Spirit
- D1E5E0
≈ Ice Dagger
スプリットコンプリメンタリー +150° +210°
- E2DDED
Velvet Scarf
- E6E0D0
≈ Sedona
- D6E4D8
≈ Whispering Frost
テトラード +90° +180° +270°
- E2DDED
Velvet Scarf
- EFDBD7
≈ Cottingley Fairies
- DEE2D2
≈ Wild Wheat
- D0E4E8
≈ Northwind
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.79:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--velvet-scarf: #e2dded;
--velvet-scarf-rgb: 226 221 237;
--velvet-scarf-oklch: oklch(0.906 0.022 300.2);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(259 31% 90%);
border-color: oklch(0.906 0.022 300.2);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #e2dded;
--color-velvet-scarf-50: #f6f4fb;
--color-velvet-scarf-100: #e9e6ee;
--color-velvet-scarf-200: #d6d2dc;
--color-velvet-scarf-300: #b9b5c1;
--color-velvet-scarf-400: #a09caa;
--color-velvet-scarf-500: #888393;
--color-velvet-scarf-600: #736f7c;
--color-velvet-scarf-700: #5c5964;
--color-velvet-scarf-800: #434149;
--color-velvet-scarf-900: #2e2d33;
--color-velvet-scarf-950: #1b1a1e;
}SCSS
$velvet-scarf: #e2dded;
$velvet-scarf-rgb: 226, 221, 237;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}