Cor nomeada mais próxima · #E4F7DA
#E4F7DA
Cor nomeada mais próxima: Hint of Mint
#E4F7DA (rgb(228 247 218), hsl(99 64% 91%), oklch(0.954 0.043 134.7)) é mais próxima da cor nomeada Hint of Mint. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E4F7DA
oklch(0.954 0.043 134.7)
Conversões de cor
- HEX
- #e4f7da
- RGB
- rgb(228 247 218)
- HSL
- hsl(99 64% 91%)
- HWB
- hwb(99 85% 3%)
- OKLCH
- oklch(0.954 0.043 134.7)
- OKLab
- oklab(0.954 -0.03 0.031)
- CIE Lab
- lab(95.24 -10.28 11.77)
- LCH
- lch(95.24 15.63 131.1)
- CMYK
- cmyk(8% 0% 12% 3%)
Tons claros · Sombras · Tons
Tons claros
- E7F8DE
- E9F9E1
- ECF9E5
- EFFAE9
- F2FBED
- F4FCF0
- F7FDF4
- FAFDF8
- FCFEFB
Sombras
- C6D7BD
- A9B7A2
- 8D9987
- 727C6C
- 586054
- 3F453C
- 282C25
- 121511
- 030302
Tons
- DAEBD1
- CFDEC7
- C5D2BE
- BBC6B5
- B1BAAC
- A7AEA3
- 9DA29A
- 939791
- 8A8B89
Harmonias de cor
Complementar +180°
- E4F7DA
Hint of Mint
- F8EAFF
≈ Placebo Fuchsia
Análoga -30° +30°
- E4F7DA
Hint of Mint
- F4F2D1
≈ Lime Blossom
- D6FAE9
≈ Cactus Water
Tríade +120° +240°
- E4F7DA
Hint of Mint
- E6F1FF
≈ Cotton Boll
- FFEAEB
≈ Pink Lemonade
Complementar dividida +150° +210°
- E4F7DA
Hint of Mint
- EEEEFF
≈ Carte Blanche
- FFE9F4
≈ Fairy Dust
Tétrade +90° +180° +270°
- E4F7DA
Hint of Mint
- DCF5FF
≈ Glacial Day
- F8EAFF
≈ Placebo Fuchsia
- FFEBE3
≈ Peach Breeze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.61:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--hint-of-mint: #e4f7da;
--hint-of-mint-rgb: 228 247 218;
--hint-of-mint-oklch: oklch(0.954 0.043 134.7);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(99 64% 91%);
border-color: oklch(0.954 0.043 134.7);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #e4f7da;
--color-hint-of-mint-50: #f0f8ec;
--color-hint-of-mint-100: #e1ebdd;
--color-hint-of-mint-200: #ccd9c7;
--color-hint-of-mint-300: #adbda7;
--color-hint-of-mint-400: #94a58b;
--color-hint-of-mint-500: #7a8d70;
--color-hint-of-mint-600: #68775f;
--color-hint-of-mint-700: #535f4c;
--color-hint-of-mint-800: #3d4636;
--color-hint-of-mint-900: #2a3025;
--color-hint-of-mint-950: #171c14;
}SCSS
$hint-of-mint: #e4f7da;
$hint-of-mint-rgb: 228, 247, 218;
$hint-of-mint-light: mix(#fff, $hint-of-mint, 20%);
$hint-of-mint-dark: mix(#000, $hint-of-mint, 20%);
.element {
color: $hint-of-mint;
box-shadow: 0 0 0 2px rgba($hint-of-mint, 0.35);
}