最も近い色名 · #E5EBDD
#E5EBDD
最も近い色名: Mount Eden
#E5EBDD（rgb(229 235 221)、hsl(86 26% 89%)、oklch(0.932 0.02 125.8)）に最も近い色名はMount Edenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E5EBDD
oklch(0.932 0.02 125.8)
カラー変換
- HEX
- #e5ebdd
- RGB
- rgb(229 235 221)
- HSL
- hsl(86 26% 89%)
- HWB
- hwb(86 87% 8%)
- OKLCH
- oklch(0.932 0.02 125.8)
- OKLab
- oklab(0.932 -0.012 0.016)
- CIE Lab
- lab(92.3 -3.91 6.08)
- LCH
- lch(92.3 7.23 122.8)
- CMYK
- cmyk(3% 0% 6% 8%)
ティント · シェード · トーン
ティント
- E8EDE0
- EAEFE4
- EDF1E7
- EFF3EB
- F2F5EE
- F5F7F1
- F7F9F5
- FAFBF8
- FCFDFC
シェード
- C7CCC0
- AAAEA4
- 8E9188
- 72756E
- 585B55
- 3F413D
- 282926
- 121311
- 030302
トーン
- DAE0D3
- D0D5CA
- C6CAC0
- BBBFB7
- B1B4AD
- A7A9A4
- 9D9F9B
- 939492
- 8A8A89
カラーハーモニー
補色 +180°
- E5EBDD
Mount Eden
- EBE5F3
≈ Tranquil Eve
類似色 -30° +30°
- E5EBDD
Mount Eden
- ECE9DA
≈ Calcium Rock
- DFEDE3
≈ Wishy-Washy Lichen
トライアド +120° +240°
- E5EBDD
Mount Eden
- DEEAF5
≈ Freeze Up
- F5E3E6
≈ Be Mine
スプリットコンプリメンタリー +150° +210°
- E5EBDD
Mount Eden
- E4E8F6
≈ Icy Lilac
- F1E4ED
≈ Nina
テトラード +90° +180° +270°
- E5EBDD
Mount Eden
- DBECF1
≈ Frost Wind
- EBE5F3
≈ Tranquil Eve
- F5E4E0
≈ Rockabye Baby
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.25:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--mount-eden: #e5ebdd;
--mount-eden-rgb: 229 235 221;
--mount-eden-oklch: oklch(0.932 0.02 125.8);
}
.element {
color: var(--mount-eden);
background-color: hsl(86 26% 89%);
border-color: oklch(0.932 0.02 125.8);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e5ebdd;
--color-mount-eden-50: #f3f6f0;
--color-mount-eden-100: #e6e9e2;
--color-mount-eden-200: #d2d6cd;
--color-mount-eden-300: #b4b9af;
--color-mount-eden-400: #9ba194;
--color-mount-eden-500: #83897b;
--color-mount-eden-600: #6f7468;
--color-mount-eden-700: #585d53;
--color-mount-eden-800: #41443c;
--color-mount-eden-900: #2d2f29;
--color-mount-eden-950: #1a1b17;
}SCSS
$mount-eden: #e5ebdd;
$mount-eden-rgb: 229, 235, 221;
$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);
}