最も近い色名 · #E1E8DD
#E1E8DD
最も近い色名: Water Lily
#E1E8DD（rgb(225 232 221)、hsl(98 19% 89%)、oklch(0.923 0.016 133.8)）に最も近い色名はWater Lilyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E1E8DD
oklch(0.923 0.016 133.8)
カラー変換
- HEX
- #e1e8dd
- RGB
- rgb(225 232 221)
- HSL
- hsl(98 19% 89%)
- HWB
- hwb(98 87% 9%)
- OKLCH
- oklch(0.923 0.016 133.8)
- OKLab
- oklab(0.923 -0.011 0.012)
- CIE Lab
- lab(91.23 -3.89 4.51)
- LCH
- lch(91.23 5.96 130.8)
- CMYK
- cmyk(3% 0% 5% 9%)
ティント · シェード · トーン
ティント
- E4EAE0
- E7EDE4
- EAEFE7
- EDF1EB
- F0F3EE
- F3F6F1
- F6F8F5
- F9FAF8
- FCFDFC
シェード
- C4CAC0
- A7ACA4
- 8B9088
- 70746E
- 565955
- 3E403D
- 272926
- 121311
- 020302
トーン
- D7DDD3
- CDD2CA
- C3C8C0
- B9BDB7
- AFB3AD
- A6A8A4
- 9C9E9B
- 939492
- 898A89
カラーハーモニー
補色 +180°
- E1E8DD
Water Lily
- E9E2ED
≈ Modest Violet
類似色 -30° +30°
- E1E8DD
Water Lily
- E7E6DA
≈ Prairie Winds
- DCE9E2
≈ Minified Green
トライアド +120° +240°
- E1E8DD
Water Lily
- DEE6F1
≈ Radiant Moon
- F0E1E2
≈ Pink Booties
スプリットコンプリメンタリー +150° +210°
- E1E8DD
Water Lily
- E4E4F0
≈ Farsighted
- EEE1E8
≈ Struck by Lightning
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.78:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--water-lily: #e1e8dd;
--water-lily-rgb: 225 232 221;
--water-lily-oklch: oklch(0.923 0.016 133.8);
}
.element {
color: var(--water-lily);
background-color: hsl(98 19% 89%);
border-color: oklch(0.923 0.016 133.8);
}Tailwind CSS v4
@theme {
--color-water-lily: #e1e8dd;
--color-water-lily-50: #f3f6f2;
--color-water-lily-100: #e5e9e4;
--color-water-lily-200: #d1d6cf;
--color-water-lily-300: #b4b9b1;
--color-water-lily-400: #9aa197;
--color-water-lily-500: #82897e;
--color-water-lily-600: #6e746a;
--color-water-lily-700: #585d55;
--color-water-lily-800: #40443e;
--color-water-lily-900: #2c2f2a;
--color-water-lily-950: #191b18;
}SCSS
$water-lily: #e1e8dd;
$water-lily-rgb: 225, 232, 221;
$water-lily-light: mix(#fff, $water-lily, 20%);
$water-lily-dark: mix(#000, $water-lily, 20%);
.element {
color: $water-lily;
box-shadow: 0 0 0 2px rgba($water-lily, 0.35);
}