色名 · #EEDAE6
Mountain Heather
Mountain Heatherは#EEDAE6：rgb(238 218 230)、hsl(324 37% 89%)、oklch(0.908 0.027 340.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mountain Heather color name →
#EEDAE6
oklch(0.908 0.027 340.9)
カラー変換
- HEX
- #eedae6
- RGB
- rgb(238 218 230)
- HSL
- hsl(324 37% 89%)
- HWB
- hwb(324 85% 7%)
- OKLCH
- oklch(0.908 0.027 340.9)
- OKLab
- oklab(0.908 0.026 -0.009)
- CIE Lab
- lab(88.96 8.64 -3.27)
- LCH
- lch(88.96 9.24 339.2)
- CMYK
- cmyk(0% 8% 3% 7%)
ティント · シェード · トーン
ティント
- F0DEE8
- F1E1EB
- F3E5ED
- F5E9F0
- F7ECF2
- F8F0F5
- FAF4F7
- FCF8FA
- FDFBFC
シェード
- CFBDC8
- B1A2AB
- 93878E
- 776C73
- 5C5459
- 423C40
- 2A2528
- 141113
- 030203
トーン
- E2D1DB
- D7C7D1
- CCBEC6
- C1B5BC
- B6ACB2
- ABA3A7
- A09A9D
- 959194
- 8A898A
カラーハーモニー
補色 +180°
- EEDAE6
Mountain Heather
- D2E7DB
≈ Light Light Lichen
類似色 -30° +30°
- EEDAE6
Mountain Heather
- E6DCEE
≈ Princess Fairy Tale
- F2DADC
≈ Funhouse
トライアド +120° +240°
- EEDAE6
Mountain Heather
- E4E2CD
≈ Canyon Echo
- CEE5ED
≈ First Frost
スプリットコンプリメンタリー +150° +210°
- EEDAE6
Mountain Heather
- DAE5D2
≈ Frostee
- CDE7E5
≈ Icicle Mint
テトラード +90° +180° +270°
- EEDAE6
Mountain Heather
- EDDECE
≈ Natural Linen
- D2E7DB
≈ Light Light Lichen
- D4E2F3
≈ Weathered Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.80:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.80:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--mountain-heather: #eedae6;
--mountain-heather-rgb: 238 218 230;
--mountain-heather-oklch: oklch(0.908 0.027 340.9);
}
.element {
color: var(--mountain-heather);
background-color: hsl(324 37% 89%);
border-color: oklch(0.908 0.027 340.9);
}Tailwind CSS v4
@theme {
--color-mountain-heather: #eedae6;
--color-mountain-heather-50: #fbf2f7;
--color-mountain-heather-100: #efe4ea;
--color-mountain-heather-200: #ddd0d7;
--color-mountain-heather-300: #c2b2bb;
--color-mountain-heather-400: #aa98a3;
--color-mountain-heather-500: #937f8c;
--color-mountain-heather-600: #7d6c76;
--color-mountain-heather-700: #64565e;
--color-mountain-heather-800: #493f45;
--color-mountain-heather-900: #332b30;
--color-mountain-heather-950: #1e191c;
}SCSS
$mountain-heather: #eedae6;
$mountain-heather-rgb: 238, 218, 230;
$mountain-heather-light: mix(#fff, $mountain-heather, 20%);
$mountain-heather-dark: mix(#000, $mountain-heather, 20%);
.element {
color: $mountain-heather;
box-shadow: 0 0 0 2px rgba($mountain-heather, 0.35);
}