最も近い色名 · #E9F1E3
#E9F1E3
最も近い色名: Mount Eden
#E9F1E3（rgb(233 241 227)、hsl(94 33% 92%)、oklch(0.948 0.02 131.5)）に最も近い色名はMount Edenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E9F1E3
oklch(0.948 0.02 131.5)
カラー変換
- HEX
- #e9f1e3
- RGB
- rgb(233 241 227)
- HSL
- hsl(94 33% 92%)
- HWB
- hwb(94 89% 5%)
- OKLCH
- oklch(0.948 0.02 131.5)
- OKLab
- oklab(0.948 -0.014 0.015)
- CIE Lab
- lab(94.25 -4.59 5.81)
- LCH
- lch(94.25 7.41 128.3)
- CMYK
- cmyk(3% 0% 6% 5%)
ティント · シェード · トーン
ティント
- EBF2E6
- EDF4E9
- F0F5EB
- F2F7EE
- F4F8F1
- F6F9F4
- F8FBF7
- FBFCF9
- FDFEFC
シェード
- CBD2C5
- ADB3A8
- 90958C
- 747971
- 5A5D57
- 41433F
- 292B27
- 131412
- 030303
トーン
- DEE5D9
- D3D9CE
- C8CEC4
- BEC2BA
- B3B7B0
- A9ACA6
- 9EA19D
- 949693
- 8A8B89
カラーハーモニー
補色 +180°
- E9F1E3
Mount Eden
- F2EAF8
≈ Perfume Haze
類似色 -30° +30°
- E9F1E3
Mount Eden
- F0EFDF
≈ Gorā White
- E3F2EA
≈ Bath Bubbles
トライアド +120° +240°
- E9F1E3
Mount Eden
- E4EFFC
≈ Cotton Boll
- FBE9EA
≈ Arrowhead White
スプリットコンプリメンタリー +150° +210°
- E9F1E3
Mount Eden
- EBEDFC
≈ Brilliant White
- F8E9F2
≈ Cherry Pearl
テトラード +90° +180° +270°
- E9F1E3
Mount Eden
- E0F1F8
≈ Wizard White
- F2EAF8
≈ Perfume Haze
- FBEAE4
≈ Parchment White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 7
Ag
AAA黒の上
WCAG 18.15:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--mount-eden: #e9f1e3;
--mount-eden-rgb: 233 241 227;
--mount-eden-oklch: oklch(0.948 0.02 131.5);
}
.element {
color: var(--mount-eden);
background-color: hsl(94 33% 92%);
border-color: oklch(0.948 0.02 131.5);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e9f1e3;
--color-mount-eden-50: #f3f6f1;
--color-mount-eden-100: #e5e9e3;
--color-mount-eden-200: #d1d6cd;
--color-mount-eden-300: #b3baaf;
--color-mount-eden-400: #9aa195;
--color-mount-eden-500: #81897b;
--color-mount-eden-600: #6d7468;
--color-mount-eden-700: #575d53;
--color-mount-eden-800: #40443c;
--color-mount-eden-900: #2c2f2a;
--color-mount-eden-950: #191b17;
}SCSS
$mount-eden: #e9f1e3;
$mount-eden-rgb: 233, 241, 227;
$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);
}