Color con nombre más cercano · #EBF4E0
#EBF4E0
Color con nombre más cercano: White Mecca
#EBF4E0 (rgb(235 244 224), hsl(87 48% 92%), oklch(0.955 0.028 126.8)) se parece más al color con nombre White Mecca. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EBF4E0
oklch(0.955 0.028 126.8)
Conversiones de color
- HEX
- #ebf4e0
- RGB
- rgb(235 244 224)
- HSL
- hsl(87 48% 92%)
- HWB
- hwb(87 88% 4%)
- OKLCH
- oklch(0.955 0.028 126.8)
- OKLab
- oklab(0.955 -0.017 0.022)
- CIE Lab
- lab(95.1 -5.69 8.59)
- LCH
- lch(95.1 10.3 123.5)
- CMYK
- cmyk(4% 0% 8% 4%)
Tintes · Sombras · Tonos
Tintes
- EDF5E3
- EFF6E6
- F1F7E9
- F3F8EC
- F5FAEF
- F7FBF3
- F9FCF6
- FBFDF9
- FDFEFC
Sombras
- CCD4C3
- AEB5A6
- 91978A
- 757A70
- 5B5E56
- 41443E
- 292B27
- 131412
- 030302
Tonos
- E0E8D6
- D5DCCC
- CAD0C2
- BFC4B8
- B4B8AF
- A9ADA5
- 9FA19C
- 949692
- 8A8B89
Armonías de color
Complementario +180°
- EBF4E0
White Mecca
- F5ECFF
≈ Placebo Fuchsia
Análogo -30° +30°
- EBF4E0
White Mecca
- F5F1DC
≈ Cream Filling
- E2F6E9
≈ Nettle Rash
Triádico +120° +240°
- EBF4E0
White Mecca
- E4F2FF
≈ Wizard White
- FFEAED
≈ Just Pink Enough
Complementario dividido +150° +210°
- EBF4E0
White Mecca
- ECEFFF
≈ Carte Blanche
- FDE9F7
≈ Dolomite Crystal
Tetrádico +90° +180° +270°
- EBF4E0
White Mecca
- DCF5FD
≈ Glacial Day
- F5ECFF
≈ Placebo Fuchsia
- FFEBE6
≈ Soft Pink Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.54:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--white-mecca: #ebf4e0;
--white-mecca-rgb: 235 244 224;
--white-mecca-oklch: oklch(0.955 0.028 126.8);
}
.element {
color: var(--white-mecca);
background-color: hsl(87 48% 92%);
border-color: oklch(0.955 0.028 126.8);
}Tailwind CSS v4
@theme {
--color-white-mecca: #ebf4e0;
--color-white-mecca-50: #f3f7ee;
--color-white-mecca-100: #e5eae0;
--color-white-mecca-200: #d0d7ca;
--color-white-mecca-300: #b3baab;
--color-white-mecca-400: #9aa290;
--color-white-mecca-500: #818a76;
--color-white-mecca-600: #6d7564;
--color-white-mecca-700: #575d50;
--color-white-mecca-800: #40443a;
--color-white-mecca-900: #2c2f28;
--color-white-mecca-950: #191c16;
}SCSS
$white-mecca: #ebf4e0;
$white-mecca-rgb: 235, 244, 224;
$white-mecca-light: mix(#fff, $white-mecca, 20%);
$white-mecca-dark: mix(#000, $white-mecca, 20%);
.element {
color: $white-mecca;
box-shadow: 0 0 0 2px rgba($white-mecca, 0.35);
}