最も近い色名 · #E2EEDA
#E2EEDA
最も近い色名: Ghost Lichen
#E2EEDA（rgb(226 238 218)、hsl(96 37% 89%)、oklch(0.935 0.029 132.6)）に最も近い色名はGhost Lichenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E2EEDA
oklch(0.935 0.029 132.6)
カラー変換
- HEX
- #e2eeda
- RGB
- rgb(226 238 218)
- HSL
- hsl(96 37% 89%)
- HWB
- hwb(96 85% 7%)
- OKLCH
- oklch(0.935 0.029 132.6)
- OKLab
- oklab(0.935 -0.02 0.022)
- CIE Lab
- lab(92.78 -6.77 8.28)
- LCH
- lch(92.78 10.69 129.3)
- CMYK
- cmyk(5% 0% 8% 7%)
ティント · シェード · トーン
ティント
- E5F0DE
- E8F1E1
- EBF3E5
- EEF5E9
- F0F7EC
- F3F8F0
- F6FAF4
- F9FCF8
- FCFDFB
シェード
- C4CFBD
- A8B1A2
- 8C9387
- 71776C
- 575C54
- 3E423C
- 272A25
- 121411
- 030302
トーン
- D8E2D1
- CED7C7
- C4CCBE
- BAC1B5
- B0B5AC
- A6ABA3
- 9CA09A
- 939591
- 898A89
カラーハーモニー
補色 +180°
- E2EEDA
Ghost Lichen
- F0E4F8
≈ Minute Mauve
類似色 -30° +30°
- E2EEDA
Ghost Lichen
- EDEBD4
≈ Budding Fern
- D9F0E4
≈ Banshee
トライアド +120° +240°
- E2EEDA
Ghost Lichen
- DCEBFD
≈ Hoarfrost
- FDE2E4
≈ Royal Wedding
スプリットコンプリメンタリー +150° +210°
- E2EEDA
Ghost Lichen
- E6E7FD
≈ Cyber Lavender
- F8E2EF
≈ Petal Poise
テトラード +90° +180° +270°
- E2EEDA
Ghost Lichen
- D5EEF8
≈ Ice Castle
- F0E4F8
≈ Minute Mauve
- FCE4DA
≈ Cool Cream
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.47:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--ghost-lichen: #e2eeda;
--ghost-lichen-rgb: 226 238 218;
--ghost-lichen-oklch: oklch(0.935 0.029 132.6);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(96 37% 89%);
border-color: oklch(0.935 0.029 132.6);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #e2eeda;
--color-ghost-lichen-50: #f2f7ef;
--color-ghost-lichen-100: #e4eae0;
--color-ghost-lichen-200: #cfd7cb;
--color-ghost-lichen-300: #b1bbac;
--color-ghost-lichen-400: #98a291;
--color-ghost-lichen-500: #7f8b77;
--color-ghost-lichen-600: #6b7565;
--color-ghost-lichen-700: #565e50;
--color-ghost-lichen-800: #3f453a;
--color-ghost-lichen-900: #2b2f28;
--color-ghost-lichen-950: #191c16;
}SCSS
$ghost-lichen: #e2eeda;
$ghost-lichen-rgb: 226, 238, 218;
$ghost-lichen-light: mix(#fff, $ghost-lichen, 20%);
$ghost-lichen-dark: mix(#000, $ghost-lichen, 20%);
.element {
color: $ghost-lichen;
box-shadow: 0 0 0 2px rgba($ghost-lichen, 0.35);
}