Couleur nommée la plus proche · #E3F3DF
#E3F3DF
Couleur nommée la plus proche: Mojito
#E3F3DF (rgb(227 243 223), hsl(108 45% 91%), oklch(0.947 0.031 139.4)) est la plus proche de la couleur nommée Mojito. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E3F3DF
oklch(0.947 0.031 139.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E6F4E2
- E9F5E5
- EBF7E9
- EEF8EC
- F1F9EF
- F4FAF2
- F7FBF5
- F9FDF9
- FCFEFC
Ombres
- C5D3C2
- A8B4A5
- 8C978A
- 717A6F
- 575E56
- 3F443D
- 272B27
- 121412
- 030302
Tons
- D9E7D5
- CEDBCB
- C4CFC2
- BAC3B8
- B0B8AE
- A6ACA5
- 9DA19C
- 939692
- 898B89
Harmonies de couleurs
Complémentaire +180°
- E3F3DF
Mojito
- F7E7FB
≈ Soft Lavender
Analogue -30° +30°
- E3F3DF
Mojito
- EEF0D8
≈ Budding Leaf
- DAF5EA
≈ Diluted Mint
Triadique +120° +240°
- E3F3DF
Mojito
- E4EEFF
≈ Brilliant White
- FFE7E6
≈ Pink Theory
Complémentaire divisée +150° +210°
- E3F3DF
Mojito
- ECEBFF
≈ Placebo Purple
- FFE5F1
≈ Cherubic
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.15:1 · APCA Lc 7
Ag
AAASur noir
WCAG 18.15:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
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);
}