Najbliższy nazwany kolor · #E3F3DF
#E3F3DF
Najbliższy nazwany kolor: Mojito
#E3F3DF (rgb(227 243 223), hsl(108 45% 91%), oklch(0.947 0.031 139.4)) jest najbliższy nazwanemu kolorowi Mojito. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E3F3DF
oklch(0.947 0.031 139.4)
Konwersje koloru
- HEX
- #e3f3df
- RGB
- rgb(227 243 223)
- HSL
- hsl(108 45% 91%)
- HWB
- hwb(108 87% 5%)
- OKLCH
- oklch(0.947 0.031 139.4)
- OKLab
- oklab(0.947 -0.024 0.02)
- CIE Lab
- lab(94.23 -8.14 7.78)
- LCH
- lch(94.23 11.26 136.3)
- CMYK
- cmyk(7% 0% 8% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6F4E2
- E9F5E5
- EBF7E9
- EEF8EC
- F1F9EF
- F4FAF2
- F7FBF5
- F9FDF9
- FCFEFC
Odcienie ciemniejsze
- C5D3C2
- A8B4A5
- 8C978A
- 717A6F
- 575E56
- 3F443D
- 272B27
- 121412
- 030302
Tony
- D9E7D5
- CEDBCB
- C4CFC2
- BAC3B8
- B0B8AE
- A6ACA5
- 9DA19C
- 939692
- 898B89
Harmonie kolorów
Komplementarna +180°
- E3F3DF
Mojito
- F7E7FB
≈ Soft Lavender
Analogowa -30° +30°
- E3F3DF
Mojito
- EEF0D8
≈ Budding Leaf
- DAF5EA
≈ Diluted Mint
Triada +120° +240°
- E3F3DF
Mojito
- E4EEFF
≈ Brilliant White
- FFE7E6
≈ Pink Theory
Komplementarna rozszczepiona +150° +210°
- E3F3DF
Mojito
- ECEBFF
≈ Placebo Purple
- FFE5F1
≈ Cherubic
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.15:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--mojito: #e3f3df;
--mojito-rgb: 227 243 223;
--mojito-oklch: oklch(0.947 0.031 139.4);
}
.element {
color: var(--mojito);
background-color: hsl(108 45% 91%);
border-color: oklch(0.947 0.031 139.4);
}Tailwind CSS v4
@theme {
--color-mojito: #e3f3df;
--color-mojito-50: #f0f8ef;
--color-mojito-100: #e2ebe1;
--color-mojito-200: #cdd8cb;
--color-mojito-300: #afbcad;
--color-mojito-400: #95a392;
--color-mojito-500: #7c8c78;
--color-mojito-600: #697665;
--color-mojito-700: #545e51;
--color-mojito-800: #3d453a;
--color-mojito-900: #2a3028;
--color-mojito-950: #181c16;
}SCSS
$mojito: #e3f3df;
$mojito-rgb: 227, 243, 223;
$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);
}