Cor nomeada mais próxima · #EEF4E6
#EEF4E6
Cor nomeada mais próxima: Mount Eden
#EEF4E6 (rgb(238 244 230), hsl(86 39% 93%), oklch(0.959 0.02 125.8)) é mais próxima da cor nomeada Mount Eden. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EEF4E6
oklch(0.959 0.02 125.8)
Conversões de cor
- HEX
- #eef4e6
- RGB
- rgb(238 244 230)
- HSL
- hsl(86 39% 93%)
- HWB
- hwb(86 90% 4%)
- OKLCH
- oklch(0.959 0.02 125.8)
- OKLab
- oklab(0.959 -0.011 0.016)
- CIE Lab
- lab(95.44 -3.89 6.04)
- LCH
- lch(95.44 7.18 122.8)
- CMYK
- cmyk(2% 0% 6% 4%)
Tons claros · Sombras · Tons
Tons claros
- F0F5E8
- F1F6EB
- F3F7ED
- F5F8F0
- F6FAF2
- F8FBF5
- FAFCF7
- FCFDFA
- FDFEFC
Sombras
- CFD4C8
- B1B5AB
- 93978E
- 777A73
- 5C5E59
- 424440
- 2A2B28
- 141413
- 030303
Tons
- E2E8DB
- D7DCD1
- CCD0C6
- C1C4BC
- B5B8B2
- AAADA8
- A0A19D
- 959694
- 8A8B8A
Harmonias de cor
Complementar +180°
- EEF4E6
Mount Eden
- F4EEFC
≈ Foundation White
Análoga -30° +30°
- EEF4E6
Mount Eden
- F5F2E3
≈ Au Clair de la Lune
- E8F6EC
≈ Floaty Bubble
Tríade +120° +240°
- EEF4E6
Mount Eden
- E7F3FE
≈ Moon White
- FEECEF
≈ Just Pink Enough
Complementar dividida +150° +210°
- EEF4E6
Mount Eden
- EDF1FF
≈ Carte Blanche
- FAEDF6
≈ Sentimental Pink
Tétrade +90° +180° +270°
- EEF4E6
Mount Eden
- E4F5FA
≈ Coastal Breeze
- F4EEFC
≈ Foundation White
- FEEDE9
≈ Rose Frost
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.71:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.71:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--mount-eden: #eef4e6;
--mount-eden-rgb: 238 244 230;
--mount-eden-oklch: oklch(0.959 0.02 125.8);
}
.element {
color: var(--mount-eden);
background-color: hsl(86 39% 93%);
border-color: oklch(0.959 0.02 125.8);
}Tailwind CSS v4
@theme {
--color-mount-eden: #eef4e6;
--color-mount-eden-50: #f3f6f0;
--color-mount-eden-100: #e6e9e2;
--color-mount-eden-200: #d2d6cd;
--color-mount-eden-300: #b4b9af;
--color-mount-eden-400: #9ba194;
--color-mount-eden-500: #83897b;
--color-mount-eden-600: #6f7468;
--color-mount-eden-700: #595d53;
--color-mount-eden-800: #41443c;
--color-mount-eden-900: #2d2f29;
--color-mount-eden-950: #1a1b17;
}SCSS
$mount-eden: #eef4e6;
$mount-eden-rgb: 238, 244, 230;
$mount-eden-light: mix(#fff, $mount-eden, 20%);
$mount-eden-dark: mix(#000, $mount-eden, 20%);
.element {
color: $mount-eden;
box-shadow: 0 0 0 2px rgba($mount-eden, 0.35);
}