Najbliższy nazwany kolor · #E2F3E0
#E2F3E0
Najbliższy nazwany kolor: Mojito
#E2F3E0 (rgb(226 243 224), hsl(114 44% 92%), oklch(0.946 0.031 142.3)) jest najbliższy nazwanemu kolorowi Mojito. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E2F3E0
oklch(0.946 0.031 142.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5F4E3
- E8F5E6
- EBF7E9
- EEF8EC
- F0F9EF
- F3FAF3
- F6FBF6
- F9FDF9
- FCFEFC
Odcienie ciemniejsze
- C4D3C3
- A8B4A6
- 8C978A
- 717A70
- 575E56
- 3E443E
- 272B27
- 121412
- 030302
Tony
- D8E7D6
- CEDBCC
- C4CFC2
- BAC3B8
- B0B8AF
- A6ACA5
- 9CA19C
- 939692
- 898B89
Harmonie kolorów
Komplementarna +180°
- E2F3E0
Mojito
- F8E7FA
≈ Soft Lavender
Analogowa -30° +30°
- E2F3E0
Mojito
- EDF0D8
≈ Budding Leaf
- DAF4EB
≈ Diluted Mint
Triada +120° +240°
- E2F3E0
Mojito
- E4EEFF
≈ Brilliant White
- FFE7E5
≈ Pink Theory
Komplementarna rozszczepiona +150° +210°
- E2F3E0
Mojito
- EDEAFF
≈ Placebo Purple
- FFE5EF
≈ Sweetly
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.13:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
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);
}