Nächste benannte Farbe · #E2FFF0
#E2FFF0
Nächste benannte Farbe: Toxic Latte
#E2FFF0 (rgb(226 255 240), hsl(149 100% 94%), oklch(0.975 0.036 163.3)) liegt am nächsten an der benannten Farbe Toxic Latte. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E2FFF0
oklch(0.975 0.036 163.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E5FFF1
- E8FFF3
- EBFFF4
- EEFFF6
- F1FFF7
- F4FFF9
- F6FFFA
- F9FFFC
- FCFFFD
Shades
- C4DED1
- A8BEB2
- 8C9E95
- 718078
- 57635D
- 3E4843
- 272E2A
- 121614
- 030303
Tones
- D8F2E4
- CEE4D9
- C4D7CD
- BACAC2
- B0BEB6
- A6B1AB
- 9CA4A0
- 939895
- 898C8B
Farbharmonien
Komplementär +180°
- E2FFF0
Toxic Latte
- FFF3F9
≈ Pinkish White
Analog -30° +30°
- E2FFF0
Toxic Latte
- EDFDE4
≈ Crème de Menthe
- DCFFFD
≈ Cold Canada
Triadisch +120° +240°
- E2FFF0
Toxic Latte
- F5F6FF
≈ Mā White
- FFF4F0
≈ Soft Peach Mist
Geteilt komplementär +150° +210°
- E2FFF0
Toxic Latte
- FBF4FF
≈ Sugar Crystal
- FFF4F4
≈ Coy
Tetradisch +90° +180° +270°
- E2FFF0
Toxic Latte
- F1F7FF
≈ Alice Blue
- FFF3F9
≈ Pinkish White
- FFF5E9
≈ What’s Left
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.06:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.79:1 · APCA Lc 103
Beste Textfarbe: #000000
WCAG 19.79:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
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);
}