Cor nomeada mais próxima · #E3FDEE
#E3FDEE
Cor nomeada mais próxima: Toxic Latte
#E3FDEE (rgb(227 253 238), hsl(145 87% 94%), oklch(0.971 0.034 160.5)) é mais próxima da cor nomeada Toxic Latte. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3FDEE
oklch(0.971 0.034 160.5)
Conversões de cor
- HEX
- #e3fdee
- RGB
- rgb(227 253 238)
- HSL
- hsl(145 87% 94%)
- HWB
- hwb(145 89% 1%)
- OKLCH
- oklch(0.971 0.034 160.5)
- OKLab
- oklab(0.971 -0.032 0.011)
- CIE Lab
- lab(97.1 -10.82 4.18)
- LCH
- lch(97.1 11.6 158.9)
- CMYK
- cmyk(10% 0% 6% 1%)
Tons claros · Sombras · Tons
Tons claros
- E6FDF0
- E9FDF1
- ECFEF3
- EEFEF5
- F1FEF6
- F4FEF8
- F7FEFA
- F9FFFC
- FCFFFD
Sombras
- C5DCCF
- A8BCB1
- 8C9D93
- 717F77
- 57625C
- 3F4742
- 272D2A
- 121614
- 030303
Tons
- D9F0E2
- CEE3D7
- C4D6CC
- BAC9C1
- B0BDB5
- A7B0AA
- 9DA4A0
- 939895
- 898C8A
Harmonias de cor
Complementar +180°
- E3FDEE
Toxic Latte
- FFF1F9
≈ Pinkish White
Análoga -30° +30°
- E3FDEE
Toxic Latte
- EEFBE3
≈ Crème de Menthe
- DDFDFB
≈ Cold Canada
Tríade +120° +240°
- E3FDEE
Toxic Latte
- F3F5FF
≈ Cotton Ball
- FFF2EE
≈ Polished Pink
Complementar dividida +150° +210°
- E3FDEE
Toxic Latte
- F9F2FF
≈ Cloud Break
- FFF2F3
≈ Glimpse of Pink
Tétrade +90° +180° +270°
- E3FDEE
Toxic Latte
- EFF6FF
≈ Alice Blue
- FFF1F9
≈ Pinkish White
- FFF3E7
≈ What’s Left
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.55:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.55:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--toxic-latte: #e3fdee;
--toxic-latte-rgb: 227 253 238;
--toxic-latte-oklch: oklch(0.971 0.034 160.5);
}
.element {
color: var(--toxic-latte);
background-color: hsl(145 87% 94%);
border-color: oklch(0.971 0.034 160.5);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #e3fdee;
--color-toxic-latte-50: #edf8f2;
--color-toxic-latte-100: #dfece4;
--color-toxic-latte-200: #c8d9d0;
--color-toxic-latte-300: #a9bdb2;
--color-toxic-latte-400: #8ea598;
--color-toxic-latte-500: #738d7f;
--color-toxic-latte-600: #62786b;
--color-toxic-latte-700: #4e6056;
--color-toxic-latte-800: #39463e;
--color-toxic-latte-900: #27302b;
--color-toxic-latte-950: #151d18;
}SCSS
$toxic-latte: #e3fdee;
$toxic-latte-rgb: 227, 253, 238;
$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);
}