Couleur nommée la plus proche · #EBF4E0
#EBF4E0
Couleur nommée la plus proche: White Mecca
#EBF4E0 (rgb(235 244 224), hsl(87 48% 92%), oklch(0.955 0.028 126.8)) est la plus proche de la couleur nommée White Mecca. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EBF4E0
oklch(0.955 0.028 126.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EDF5E3
- EFF6E6
- F1F7E9
- F3F8EC
- F5FAEF
- F7FBF3
- F9FCF6
- FBFDF9
- FDFEFC
Ombres
- CCD4C3
- AEB5A6
- 91978A
- 757A70
- 5B5E56
- 41443E
- 292B27
- 131412
- 030302
Tons
- E0E8D6
- D5DCCC
- CAD0C2
- BFC4B8
- B4B8AF
- A9ADA5
- 9FA19C
- 949692
- 8A8B89
Harmonies de couleurs
Complémentaire +180°
- EBF4E0
White Mecca
- F5ECFF
≈ Placebo Fuchsia
Analogue -30° +30°
- EBF4E0
White Mecca
- F5F1DC
≈ Cream Filling
- E2F6E9
≈ Nettle Rash
Triadique +120° +240°
- EBF4E0
White Mecca
- E4F2FF
≈ Wizard White
- FFEAED
≈ Just Pink Enough
Complémentaire divisée +150° +210°
- EBF4E0
White Mecca
- ECEFFF
≈ Carte Blanche
- FDE9F7
≈ Dolomite Crystal
Tétradique +90° +180° +270°
- EBF4E0
White Mecca
- DCF5FD
≈ Glacial Day
- F5ECFF
≈ Placebo Fuchsia
- FFEBE6
≈ Soft Pink Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.54:1 · APCA Lc 99
Meilleure couleur de texte: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
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);
}