最も近い色名 · #E2D0DB
#E2D0DB
最も近い色名: Ephemeral Red
#E2D0DB（rgb(226 208 219)、hsl(323 24% 85%)、oklch(0.875 0.025 340.3)）に最も近い色名はEphemeral Redです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E2D0DB
oklch(0.875 0.025 340.3)
カラー変換
- HEX
- #e2d0db
- RGB
- rgb(226 208 219)
- HSL
- hsl(323 24% 85%)
- HWB
- hwb(323 82% 11%)
- OKLCH
- oklch(0.875 0.025 340.3)
- OKLab
- oklab(0.875 0.023 -0.008)
- CIE Lab
- lab(85.22 7.87 -3.08)
- LCH
- lch(85.22 8.45 338.6)
- CMYK
- cmyk(0% 8% 3% 11%)
ティント · シェード · トーン
ティント
- E5D5DF
- E8D9E2
- EBDEE6
- EEE3E9
- F1E7ED
- F3ECF0
- F6F1F4
- F9F5F8
- FCFAFB
シェード
- C4B5BE
- A89AA2
- 8C8087
- 71676D
- 574F54
- 3E393C
- 272326
- 121011
- 030202
トーン
- D8C8D2
- CEBFC8
- C4B7BF
- BAAFB6
- B0A7AC
- A69FA3
- 9C979A
- 938F91
- 898889
カラーハーモニー
補色 +180°
- E2D0DB
Ephemeral Red
- C9DBD1
≈ Tenderness
類似色 -30° +30°
- E2D0DB
Ephemeral Red
- DBD2E2
≈ Purple Mist
- E6D0D2
≈ Delicate Pink
トライアド +120° +240°
- E2D0DB
Ephemeral Red
- D9D7C5
≈ Crêpe Papier
- C5DAE1
≈ Getting Wet
スプリットコンプリメンタリー +150° +210°
- E2D0DB
Ephemeral Red
- D1DAC9
≈ Bayberry Frost
- C5DCDA
≈ Julep Green
テトラード +90° +180° +270°
- E2D0DB
Ephemeral Red
- E1D4C5
≈ Wheat Sheaf
- C9DBD1
≈ Tenderness
- CAD8E6
≈ Arctic Air
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.47:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.27:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--ephemeral-red: #e2d0db;
--ephemeral-red-rgb: 226 208 219;
--ephemeral-red-oklch: oklch(0.875 0.025 340.3);
}
.element {
color: var(--ephemeral-red);
background-color: hsl(323 24% 85%);
border-color: oklch(0.875 0.025 340.3);
}Tailwind CSS v4
@theme {
--color-ephemeral-red: #e2d0db;
--color-ephemeral-red-50: #fbf2f7;
--color-ephemeral-red-100: #eee5ea;
--color-ephemeral-red-200: #dcd0d7;
--color-ephemeral-red-300: #c1b3bb;
--color-ephemeral-red-400: #a999a3;
--color-ephemeral-red-500: #92808b;
--color-ephemeral-red-600: #7c6c76;
--color-ephemeral-red-700: #63575e;
--color-ephemeral-red-800: #483f45;
--color-ephemeral-red-900: #322b30;
--color-ephemeral-red-950: #1e191c;
}SCSS
$ephemeral-red: #e2d0db;
$ephemeral-red-rgb: 226, 208, 219;
$ephemeral-red-light: mix(#fff, $ephemeral-red, 20%);
$ephemeral-red-dark: mix(#000, $ephemeral-red, 20%);
.element {
color: $ephemeral-red;
box-shadow: 0 0 0 2px rgba($ephemeral-red, 0.35);
}