Dichtstbijzijnde benoemde kleur · #EAF2E1
#EAF2E1
Dichtstbijzijnde benoemde kleur: White Mecca
#EAF2E1 (rgb(234 242 225), hsl(88 40% 92%), oklch(0.95 0.024 127.6)) komt het dichtst bij de benoemde kleur White Mecca. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EAF2E1
oklch(0.95 0.024 127.6)
Kleurconversies
- HEX
- #eaf2e1
- RGB
- rgb(234 242 225)
- HSL
- hsl(88 40% 92%)
- HWB
- hwb(88 88% 5%)
- OKLCH
- oklch(0.95 0.024 127.6)
- OKLab
- oklab(0.95 -0.015 0.019)
- CIE Lab
- lab(94.54 -4.97 7.27)
- LCH
- lch(94.54 8.8 124.4)
- CMYK
- cmyk(3% 0% 7% 5%)
Tinten · Schaduwen · Tonen
Tinten
- ECF3E4
- EEF5E7
- F0F6EA
- F2F7ED
- F4F9F0
- F7FAF3
- F9FBF6
- FBFCF9
- FDFEFC
Schaduwen
- CBD2C4
- AEB4A7
- 91968B
- 757970
- 5A5E56
- 41433E
- 292B27
- 131412
- 030302
Tonen
- DFE6D7
- D4DACD
- C9CEC3
- BEC3B9
- B4B7AF
- A9ACA6
- 9FA19C
- 949693
- 8A8B89
Kleurharmonieën
Complementair +180°
- EAF2E1
White Mecca
- F3EBFC
≈ Placebo Purple
Analoog -30° +30°
- EAF2E1
White Mecca
- F3EFDD
≈ White Wool
- E2F4E8
≈ Mint Fizz
Triadisch +120° +240°
- EAF2E1
White Mecca
- E2F1FE
≈ Wizard White
- FEE8EC
≈ Porcelain Skin
Gesplitst complementair +150° +210°
- EAF2E1
White Mecca
- EAEEFF
≈ Brilliant White
- FAE9F4
≈ Cherry Pearl
Tetradisch +90° +180° +270°
- EAF2E1
White Mecca
- DEF3F9
≈ Coastal Breeze
- F3EBFC
≈ Placebo Purple
- FEEAE3
≈ Translucent Silk
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.28:1 · APCA Lc 98
Beste tekstkleur: #000000
WCAG 18.28:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
CSS
:root {
--white-mecca: #eaf2e1;
--white-mecca-rgb: 234 242 225;
--white-mecca-oklch: oklch(0.95 0.024 127.6);
}
.element {
color: var(--white-mecca);
background-color: hsl(88 40% 92%);
border-color: oklch(0.95 0.024 127.6);
}Tailwind CSS v4
@theme {
--color-white-mecca: #eaf2e1;
--color-white-mecca-50: #f3f7ef;
--color-white-mecca-100: #e5eae1;
--color-white-mecca-200: #d1d6cc;
--color-white-mecca-300: #b3baad;
--color-white-mecca-400: #9aa192;
--color-white-mecca-500: #828979;
--color-white-mecca-600: #6e7466;
--color-white-mecca-700: #585d52;
--color-white-mecca-800: #40443b;
--color-white-mecca-900: #2c2f28;
--color-white-mecca-950: #191b16;
}SCSS
$white-mecca: #eaf2e1;
$white-mecca-rgb: 234, 242, 225;
$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);
}