Màu có tên gần nhất · #ECF5E4
#ECF5E4
Màu có tên gần nhất: White Mecca
#ECF5E4 (rgb(236 245 228), hsl(92 46% 93%), oklch(0.959 0.024 129.9)) gần nhất với màu có tên White Mecca. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#ECF5E4
oklch(0.959 0.024 129.9)
Chuyển đổi màu
- HEX
- #ecf5e4
- RGB
- rgb(236 245 228)
- HSL
- hsl(92 46% 93%)
- HWB
- hwb(92 89% 4%)
- OKLCH
- oklch(0.959 0.024 129.9)
- OKLab
- oklab(0.959 -0.016 0.019)
- CIE Lab
- lab(95.51 -5.31 7.13)
- LCH
- lch(95.51 8.89 126.7)
- CMYK
- cmyk(4% 0% 7% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EEF6E7
- F0F7E9
- F2F8EC
- F4F9EF
- F5FAF1
- F7FBF4
- F9FCF7
- FBFDFA
- FDFEFC
Sắc đậm
- CDD5C6
- AFB6A9
- 92988D
- 767B72
- 5B5F58
- 42443F
- 292B28
- 131512
- 030303
Sắc xám
- E1E9DA
- D5DDCF
- CAD0C5
- BFC5BB
- B4B9B1
- AAADA7
- 9FA29D
- 959693
- 8A8B8A
Hòa sắc
Bổ túc +180°
- ECF5E4
White Mecca
- F6EDFE
≈ Placebo Fuchsia
Tương đồng -30° +30°
- ECF5E4
White Mecca
- F5F2E0
≈ Full Moon
- E4F7EC
≈ Nettle Rash
Bộ ba +120° +240°
- ECF5E4
White Mecca
- E8F3FF
≈ Moon White
- FFECEE
≈ Translucent Unicorn
Bổ túc chia +150° +210°
- ECF5E4
White Mecca
- EEF0FF
≈ Carte Blanche
- FDEBF7
≈ Placebo Pink
Bộ bốn +90° +180° +270°
- ECF5E4
White Mecca
- E0F6FD
≈ Coastal Breeze
- F6EDFE
≈ Placebo Fuchsia
- FFEDE7
≈ Peach Breeze
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.74:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.74:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--white-mecca: #ecf5e4;
--white-mecca-rgb: 236 245 228;
--white-mecca-oklch: oklch(0.959 0.024 129.9);
}
.element {
color: var(--white-mecca);
background-color: hsl(92 46% 93%);
border-color: oklch(0.959 0.024 129.9);
}Tailwind CSS v4
@theme {
--color-white-mecca: #ecf5e4;
--color-white-mecca-50: #f2f7f0;
--color-white-mecca-100: #e5eae1;
--color-white-mecca-200: #d0d7cc;
--color-white-mecca-300: #b3baad;
--color-white-mecca-400: #9aa293;
--color-white-mecca-500: #818a79;
--color-white-mecca-600: #6d7466;
--color-white-mecca-700: #575d52;
--color-white-mecca-800: #40443b;
--color-white-mecca-900: #2c2f29;
--color-white-mecca-950: #191c16;
}SCSS
$white-mecca: #ecf5e4;
$white-mecca-rgb: 236, 245, 228;
$white-mecca-light: mix(#fff, $white-mecca, 20%);
$white-mecca-dark: mix(#000, $white-mecca, 20%);
.element {
color: $white-mecca;
box-shadow: 0 0 0 2px rgba($white-mecca, 0.35);
}