最も近い色名 · #E0D9F1
#E0D9F1
最も近い色名: Foggy Plateau
#E0D9F1（rgb(224 217 241)、hsl(258 46% 90%)、oklch(0.898 0.033 299)）に最も近い色名はFoggy Plateauです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E0D9F1
oklch(0.898 0.033 299)
カラー変換
- HEX
- #e0d9f1
- RGB
- rgb(224 217 241)
- HSL
- hsl(258 46% 90%)
- HWB
- hwb(258 85% 5%)
- OKLCH
- oklch(0.898 0.033 299)
- OKLab
- oklab(0.898 0.016 -0.029)
- CIE Lab
- lab(87.8 5.78 -10.89)
- LCH
- lch(87.8 12.33 298)
- CMYK
- cmyk(7% 10% 0% 5%)
ティント · シェード · トーン
ティント
- E3DDF2
- E6E1F4
- E9E4F5
- ECE8F7
- EFECF8
- F2F0FA
- F6F4FB
- F9F7FC
- FCFBFE
シェード
- C3BCD2
- A6A1B3
- 8A8695
- 706C79
- 56535D
- 3E3B43
- 27252B
- 121114
- 020203
トーン
- D6D0E5
- CCC7D9
- C2BDCE
- B8B4C2
- AFABB7
- A5A3AC
- 9C9AA1
- 929196
- 89898B
カラーハーモニー
補色 +180°
- E0D9F1
Foggy Plateau
- DBE1C9
≈ Palm Breeze
類似色 -30° +30°
- E0D9F1
Foggy Plateau
- D4DDF4
≈ Puffy Cloud
- EAD6E8
≈ Pale Grey Magenta
トライアド +120° +240°
- E0D9F1
Foggy Plateau
- EFD9C8
≈ Wilted Leaf
- C7E5DE
≈ Moonlight Jade
スプリットコンプリメンタリー +150° +210°
- E0D9F1
Foggy Plateau
- E6DDC5
≈ Irresistible Beige
- CFE4D2
≈ Peppermint Patty
テトラード +90° +180° +270°
- E0D9F1
Foggy Plateau
- F3D6D1
≈ Global Warming
- DBE1C9
≈ Palm Breeze
- C5E4E9
≈ Ice Age
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.36:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.36:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--foggy-plateau: #e0d9f1;
--foggy-plateau-rgb: 224 217 241;
--foggy-plateau-oklch: oklch(0.898 0.033 299);
}
.element {
color: var(--foggy-plateau);
background-color: hsl(258 46% 90%);
border-color: oklch(0.898 0.033 299);
}Tailwind CSS v4
@theme {
--color-foggy-plateau: #e0d9f1;
--color-foggy-plateau-50: #f6f3fd;
--color-foggy-plateau-100: #e9e5f2;
--color-foggy-plateau-200: #d6d1e1;
--color-foggy-plateau-300: #bab4c6;
--color-foggy-plateau-400: #a19ab0;
--color-foggy-plateau-500: #89829a;
--color-foggy-plateau-600: #746e82;
--color-foggy-plateau-700: #5d5868;
--color-foggy-plateau-800: #43404d;
--color-foggy-plateau-900: #2f2c35;
--color-foggy-plateau-950: #1b1920;
}SCSS
$foggy-plateau: #e0d9f1;
$foggy-plateau-rgb: 224, 217, 241;
$foggy-plateau-light: mix(#fff, $foggy-plateau, 20%);
$foggy-plateau-dark: mix(#000, $foggy-plateau, 20%);
.element {
color: $foggy-plateau;
box-shadow: 0 0 0 2px rgba($foggy-plateau, 0.35);
}