Màu có tên gần nhất · #E2F3E0
#E2F3E0
Màu có tên gần nhất: Mojito
#E2F3E0 (rgb(226 243 224), hsl(114 44% 92%), oklch(0.946 0.031 142.3)) gần nhất với màu có tên Mojito. 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.
#E2F3E0
oklch(0.946 0.031 142.3)
Chuyển đổi màu
- HEX
- #e2f3e0
- RGB
- rgb(226 243 224)
- HSL
- hsl(114 44% 92%)
- HWB
- hwb(114 88% 5%)
- OKLCH
- oklch(0.946 0.031 142.3)
- OKLab
- oklab(0.946 -0.025 0.019)
- CIE Lab
- lab(94.18 -8.35 7.18)
- LCH
- lch(94.18 11.01 139.3)
- CMYK
- cmyk(7% 0% 8% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E5F4E3
- E8F5E6
- EBF7E9
- EEF8EC
- F0F9EF
- F3FAF3
- F6FBF6
- F9FDF9
- FCFEFC
Sắc đậm
- C4D3C3
- A8B4A6
- 8C978A
- 717A70
- 575E56
- 3E443E
- 272B27
- 121412
- 030302
Sắc xám
- D8E7D6
- CEDBCC
- C4CFC2
- BAC3B8
- B0B8AF
- A6ACA5
- 9CA19C
- 939692
- 898B89
Hòa sắc
Bổ túc +180°
- E2F3E0
Mojito
- F8E7FA
≈ Soft Lavender
Tương đồng -30° +30°
- E2F3E0
Mojito
- EDF0D8
≈ Budding Leaf
- DAF4EB
≈ Diluted Mint
Bộ ba +120° +240°
- E2F3E0
Mojito
- E4EEFF
≈ Brilliant White
- FFE7E5
≈ Pink Theory
Bổ túc chia +150° +210°
- E2F3E0
Mojito
- EDEAFF
≈ Placebo Purple
- FFE5EF
≈ Sweetly
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.15:1 · APCA Lc 7
Ag
AAATrên nền đen
WCAG 18.13:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--mojito: #e2f3e0;
--mojito-rgb: 226 243 224;
--mojito-oklch: oklch(0.946 0.031 142.3);
}
.element {
color: var(--mojito);
background-color: hsl(114 44% 92%);
border-color: oklch(0.946 0.031 142.3);
}Tailwind CSS v4
@theme {
--color-mojito: #e2f3e0;
--color-mojito-50: #f0f8f0;
--color-mojito-100: #e2ebe2;
--color-mojito-200: #cdd8cc;
--color-mojito-300: #aebcae;
--color-mojito-400: #94a393;
--color-mojito-500: #7b8c79;
--color-mojito-600: #687666;
--color-mojito-700: #535f52;
--color-mojito-800: #3d453b;
--color-mojito-900: #2a3029;
--color-mojito-950: #171c16;
}SCSS
$mojito: #e2f3e0;
$mojito-rgb: 226, 243, 224;
$mojito-light: mix(#fff, $mojito, 20%);
$mojito-dark: mix(#000, $mojito, 20%);
.element {
color: $mojito;
box-shadow: 0 0 0 2px rgba($mojito, 0.35);
}