最も近い色名 · #E8F2E2
#E8F2E2
最も近い色名: Mount Eden
#E8F2E2（rgb(232 242 226)、hsl(97 38% 92%)、oklch(0.949 0.024 133.5)）に最も近い色名はMount Edenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E8F2E2
oklch(0.949 0.024 133.5)
カラー変換
- HEX
- #e8f2e2
- RGB
- rgb(232 242 226)
- HSL
- hsl(97 38% 92%)
- HWB
- hwb(97 89% 5%)
- OKLCH
- oklch(0.949 0.024 133.5)
- OKLab
- oklab(0.949 -0.016 0.017)
- CIE Lab
- lab(94.41 -5.54 6.54)
- LCH
- lch(94.41 8.58 130.3)
- CMYK
- cmyk(4% 0% 7% 5%)
ティント · シェード · トーン
ティント
- EAF3E5
- EDF5E8
- EFF6EB
- F1F7EE
- F3F9F0
- F6FAF3
- F8FBF6
- FAFCF9
- FDFEFC
シェード
- CAD2C4
- ACB4A8
- 90968C
- 747971
- 595E57
- 40433E
- 292B27
- 131412
- 030303
トーン
- DDE6D8
- D2DACE
- C8CEC4
- BDC3BA
- B3B7B0
- A8ACA6
- 9EA19C
- 949693
- 8A8B89
カラーハーモニー
補色 +180°
- E8F2E2
Mount Eden
- F4EAFA
≈ Perfume Haze
類似色 -30° +30°
- E8F2E2
Mount Eden
- F1EFDD
≈ Glisten Green
- E1F4EA
≈ Polar
トライアド +120° +240°
- E8F2E2
Mount Eden
- E4F0FE
≈ Cotton Boll
- FEE8E9
≈ Pink Sparkle
スプリットコンプリメンタリー +150° +210°
- E8F2E2
Mount Eden
- ECEDFE
≈ Carte Blanche
- FBE8F2
≈ Cherry Pearl
テトラード +90° +180° +270°
- E8F2E2
Mount Eden
- DEF2FA
≈ Wizard White
- F4EAFA
≈ Perfume Haze
- FDEAE2
≈ Chablis
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.23:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.23:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--mount-eden: #e8f2e2;
--mount-eden-rgb: 232 242 226;
--mount-eden-oklch: oklch(0.949 0.024 133.5);
}
.element {
color: var(--mount-eden);
background-color: hsl(97 38% 92%);
border-color: oklch(0.949 0.024 133.5);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e8f2e2;
--color-mount-eden-50: #f2f7f0;
--color-mount-eden-100: #e4eae2;
--color-mount-eden-200: #d0d7cd;
--color-mount-eden-300: #b2baae;
--color-mount-eden-400: #99a294;
--color-mount-eden-500: #808a7a;
--color-mount-eden-600: #6c7567;
--color-mount-eden-700: #575d53;
--color-mount-eden-800: #3f443c;
--color-mount-eden-900: #2c2f29;
--color-mount-eden-950: #191c17;
}SCSS
$mount-eden: #e8f2e2;
$mount-eden-rgb: 232, 242, 226;
$mount-eden-light: mix(#fff, $mount-eden, 20%);
$mount-eden-dark: mix(#000, $mount-eden, 20%);
.element {
color: $mount-eden;
box-shadow: 0 0 0 2px rgba($mount-eden, 0.35);
}