Màu có tên gần nhất · #EAF2E1
#EAF2E1
Màu có tên gần nhất: White Mecca
#EAF2E1 (rgb(234 242 225), hsl(88 40% 92%), oklch(0.95 0.024 127.6)) 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.
#EAF2E1
oklch(0.95 0.024 127.6)
Chuyển đổi màu
- HEX
- #eaf2e1
- RGB
- rgb(234 242 225)
- HSL
- hsl(88 40% 92%)
- HWB
- hwb(88 88% 5%)
- OKLCH
- oklch(0.95 0.024 127.6)
- OKLab
- oklab(0.95 -0.015 0.019)
- CIE Lab
- lab(94.54 -4.97 7.27)
- LCH
- lch(94.54 8.8 124.4)
- CMYK
- cmyk(3% 0% 7% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECF3E4
- EEF5E7
- F0F6EA
- F2F7ED
- F4F9F0
- F7FAF3
- F9FBF6
- FBFCF9
- FDFEFC
Sắc đậm
- CBD2C4
- AEB4A7
- 91968B
- 757970
- 5A5E56
- 41433E
- 292B27
- 131412
- 030302
Sắc xám
- DFE6D7
- D4DACD
- C9CEC3
- BEC3B9
- B4B7AF
- A9ACA6
- 9FA19C
- 949693
- 8A8B89
Hòa sắc
Bổ túc +180°
- EAF2E1
White Mecca
- F3EBFC
≈ Placebo Purple
Tương đồng -30° +30°
- EAF2E1
White Mecca
- F3EFDD
≈ White Wool
- E2F4E8
≈ Mint Fizz
Bộ ba +120° +240°
- EAF2E1
White Mecca
- E2F1FE
≈ Wizard White
- FEE8EC
≈ Porcelain Skin
Bổ túc chia +150° +210°
- EAF2E1
White Mecca
- EAEEFF
≈ Brilliant White
- FAE9F4
≈ Cherry Pearl
Bộ bốn +90° +180° +270°
- EAF2E1
White Mecca
- DEF3F9
≈ Coastal Breeze
- F3EBFC
≈ Placebo Purple
- FEEAE3
≈ Translucent Silk
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.14:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.28:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.28:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--white-mecca: #eaf2e1;
--white-mecca-rgb: 234 242 225;
--white-mecca-oklch: oklch(0.95 0.024 127.6);
}
.element {
color: var(--white-mecca);
background-color: hsl(88 40% 92%);
border-color: oklch(0.95 0.024 127.6);
}Tailwind CSS v4
@theme {
--color-white-mecca: #eaf2e1;
--color-white-mecca-50: #f3f7ef;
--color-white-mecca-100: #e5eae1;
--color-white-mecca-200: #d1d6cc;
--color-white-mecca-300: #b3baad;
--color-white-mecca-400: #9aa192;
--color-white-mecca-500: #828979;
--color-white-mecca-600: #6e7466;
--color-white-mecca-700: #585d52;
--color-white-mecca-800: #40443b;
--color-white-mecca-900: #2c2f28;
--color-white-mecca-950: #191b16;
}SCSS
$white-mecca: #eaf2e1;
$white-mecca-rgb: 234, 242, 225;
$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);
}