最も近い色名 · #E4EBF1
#E4EBF1
最も近い色名: White Frost
#E4EBF1（rgb(228 235 241)、hsl(208 32% 92%)、oklch(0.936 0.011 243.7)）に最も近い色名はWhite Frostです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E4EBF1
oklch(0.936 0.011 243.7)
カラー変換
- HEX
- #e4ebf1
- RGB
- rgb(228 235 241)
- HSL
- hsl(208 32% 92%)
- HWB
- hwb(208 89% 5%)
- OKLCH
- oklch(0.936 0.011 243.7)
- OKLab
- oklab(0.936 -0.005 -0.01)
- CIE Lab
- lab(92.64 -1.59 -3.77)
- LCH
- lch(92.64 4.09 247.1)
- CMYK
- cmyk(5% 2% 0% 5%)
ティント · シェード · トーン
ティント
- E7EDF2
- E9EFF4
- ECF1F5
- EFF3F7
- F1F5F8
- F4F7F9
- F7F9FB
- FAFBFC
- FCFDFE
シェード
- C6CCD2
- A9AEB3
- 8D9195
- 727579
- 585B5D
- 3F4143
- 28292B
- 121314
- 030303
トーン
- DAE0E5
- CFD5D9
- C5CACE
- BBBFC2
- B1B4B7
- A7A9AC
- 9D9FA1
- 939496
- 8A8A8B
カラーハーモニー
補色 +180°
- E4EBF1
White Frost
- F0E9E3
≈ Refer to the Stars
類似色 -30° +30°
- E4EBF1
White Frost
- E2ECEE
≈ Aquifer
- E7EAF2
≈ Diamond Cut
トライアド +120° +240°
- E4EBF1
White Frost
- F1E7E9
≈ Mont Blanc Peak
- E8EBE3
≈ Gallery White
スプリットコンプリメンタリー +150° +210°
- E4EBF1
White Frost
- F1E8E5
≈ Holy Ghost
- ECEAE2
≈ White Moderne
テトラード +90° +180° +270°
- E4EBF1
White Frost
- EFE7ED
≈ Bride
- F0E9E3
≈ Refer to the Stars
- E5ECE7
≈ Lightning Bolt
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.45:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--white-frost: #e4ebf1;
--white-frost-rgb: 228 235 241;
--white-frost-oklch: oklch(0.936 0.011 243.7);
}
.element {
color: var(--white-frost);
background-color: hsl(208 32% 92%);
border-color: oklch(0.936 0.011 243.7);
}Tailwind CSS v4
@theme {
--color-white-frost: #e4ebf1;
--color-white-frost-50: #f3f5f8;
--color-white-frost-100: #e5e8eb;
--color-white-frost-200: #d0d5d9;
--color-white-frost-300: #b3b8bd;
--color-white-frost-400: #999fa5;
--color-white-frost-500: #80878d;
--color-white-frost-600: #6d7277;
--color-white-frost-700: #575b5f;
--color-white-frost-800: #3f4346;
--color-white-frost-900: #2b2e30;
--color-white-frost-950: #191b1d;
}SCSS
$white-frost: #e4ebf1;
$white-frost-rgb: 228, 235, 241;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}