最も近い色名 · #E1E7F4
#E1E7F4
最も近い色名: Radiant Moon
#E1E7F4（rgb(225 231 244)、hsl(221 46% 92%)、oklch(0.927 0.019 266)）に最も近い色名はRadiant Moonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E1E7F4
oklch(0.927 0.019 266)
カラー変換
- HEX
- #e1e7f4
- RGB
- rgb(225 231 244)
- HSL
- hsl(221 46% 92%)
- HWB
- hwb(221 88% 4%)
- OKLCH
- oklch(0.927 0.019 266)
- OKLab
- oklab(0.927 -0.001 -0.019)
- CIE Lab
- lab(91.47 -0.26 -7.06)
- LCH
- lch(91.47 7.07 267.9)
- CMYK
- cmyk(8% 5% 0% 4%)
ティント · シェード · トーン
ティント
- E4E9F5
- E7ECF6
- EAEEF7
- EDF1F8
- F0F3FA
- F3F5FB
- F6F8FC
- F9FAFD
- FCFDFE
シェード
- C4C9D4
- A7ABB5
- 8B8F97
- 70737A
- 56595E
- 3E4044
- 27282B
- 121314
- 020303
トーン
- D7DCE8
- CDD2DC
- C3C7D0
- B9BCC4
- AFB2B8
- A6A8AD
- 9C9EA1
- 939496
- 898A8B
カラーハーモニー
補色 +180°
- E1E7F4
Radiant Moon
- ECE6D9
≈ Jelly Yoghurt
類似色 -30° +30°
- E1E7F4
Radiant Moon
- DCE9F2
≈ Azureish White
- E8E5F2
≈ Modest Violet
トライアド +120° +240°
- E1E7F4
Radiant Moon
- F3E3E0
≈ Pearly
- DFEBE0
≈ Pastel Smirk
スプリットコンプリメンタリー +150° +210°
- E1E7F4
Radiant Moon
- F1E4DB
≈ Winter Wedding
- E6E9DB
≈ Shy Green
テトラード +90° +180° +270°
- E1E7F4
Radiant Moon
- F2E2E7
≈ Be Mine
- ECE6D9
≈ Jelly Yoghurt
- DBEBE6
≈ Reduced Turquoise
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.93:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--radiant-moon: #e1e7f4;
--radiant-moon-rgb: 225 231 244;
--radiant-moon-oklch: oklch(0.927 0.019 266);
}
.element {
color: var(--radiant-moon);
background-color: hsl(221 46% 92%);
border-color: oklch(0.927 0.019 266);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #e1e7f4;
--color-radiant-moon-50: #f3f5fb;
--color-radiant-moon-100: #e5e8ee;
--color-radiant-moon-200: #d1d4dd;
--color-radiant-moon-300: #b3b7c1;
--color-radiant-moon-400: #999eaa;
--color-radiant-moon-500: #808693;
--color-radiant-moon-600: #6d727c;
--color-radiant-moon-700: #575b64;
--color-radiant-moon-800: #3f4249;
--color-radiant-moon-900: #2b2e33;
--color-radiant-moon-950: #191b1e;
}SCSS
$radiant-moon: #e1e7f4;
$radiant-moon-rgb: 225, 231, 244;
$radiant-moon-light: mix(#fff, $radiant-moon, 20%);
$radiant-moon-dark: mix(#000, $radiant-moon, 20%);
.element {
color: $radiant-moon;
box-shadow: 0 0 0 2px rgba($radiant-moon, 0.35);
}