Couleur nommée la plus proche · #E2FFF0
#E2FFF0
Couleur nommée la plus proche: Toxic Latte
#E2FFF0 (rgb(226 255 240), hsl(149 100% 94%), oklch(0.975 0.036 163.3)) est la plus proche de la couleur nommée Toxic Latte. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2FFF0
oklch(0.975 0.036 163.3)
Conversions de couleur
- HEX
- #e2fff0
- RGB
- rgb(226 255 240)
- HSL
- hsl(149 100% 94%)
- HWB
- hwb(149 89% 0%)
- OKLCH
- oklch(0.975 0.036 163.3)
- OKLab
- oklab(0.975 -0.035 0.01)
- CIE Lab
- lab(97.59 -11.81 3.85)
- LCH
- lch(97.59 12.42 161.9)
- CMYK
- cmyk(11% 0% 6% 0%)
Teintes · Ombres · Tons
Teintes
- E5FFF1
- E8FFF3
- EBFFF4
- EEFFF6
- F1FFF7
- F4FFF9
- F6FFFA
- F9FFFC
- FCFFFD
Ombres
- C4DED1
- A8BEB2
- 8C9E95
- 718078
- 57635D
- 3E4843
- 272E2A
- 121614
- 030303
Tons
- D8F2E4
- CEE4D9
- C4D7CD
- BACAC2
- B0BEB6
- A6B1AB
- 9CA4A0
- 939895
- 898C8B
Harmonies de couleurs
Complémentaire +180°
- E2FFF0
Toxic Latte
- FFF3F9
≈ Pinkish White
Analogue -30° +30°
- E2FFF0
Toxic Latte
- EDFDE4
≈ Crème de Menthe
- DCFFFD
≈ Cold Canada
Triadique +120° +240°
- E2FFF0
Toxic Latte
- F5F6FF
≈ Mā White
- FFF4F0
≈ Soft Peach Mist
Complémentaire divisée +150° +210°
- E2FFF0
Toxic Latte
- FBF4FF
≈ Sugar Crystal
- FFF4F4
≈ Coy
Tétradique +90° +180° +270°
- E2FFF0
Toxic Latte
- F1F7FF
≈ Alice Blue
- FFF3F9
≈ Pinkish White
- FFF5E9
≈ What’s Left
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.06:1 · APCA Lc 0
Ag
AAASur noir
WCAG 19.79:1 · APCA Lc 103
Meilleure couleur de texte: #000000
WCAG 19.79:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--toxic-latte: #e2fff0;
--toxic-latte-rgb: 226 255 240;
--toxic-latte-oklch: oklch(0.975 0.036 163.3);
}
.element {
color: var(--toxic-latte);
background-color: hsl(149 100% 94%);
border-color: oklch(0.975 0.036 163.3);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #e2fff0;
--color-toxic-latte-50: #ecf9f3;
--color-toxic-latte-100: #ddece5;
--color-toxic-latte-200: #c7d9d0;
--color-toxic-latte-300: #a7beb3;
--color-toxic-latte-400: #8ca598;
--color-toxic-latte-500: #718e7f;
--color-toxic-latte-600: #60786c;
--color-toxic-latte-700: #4c6056;
--color-toxic-latte-800: #38463e;
--color-toxic-latte-900: #26312b;
--color-toxic-latte-950: #141d18;
}SCSS
$toxic-latte: #e2fff0;
$toxic-latte-rgb: 226, 255, 240;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}