Benoemde kleur · #E2DEDF
Ardcoat
Ardcoat is #E2DEDF: rgb(226 222 223), hsl(345 6% 88%), oklch(0.904 0.005 0). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Ardcoat color name →
#E2DEDF
oklch(0.904 0.005 0)
Kleurconversies
- HEX
- #e2dedf
- RGB
- rgb(226 222 223)
- HSL
- hsl(345 6% 88%)
- HWB
- hwb(345 87% 11%)
- OKLCH
- oklch(0.904 0.005 0)
- OKLab
- oklab(0.904 0.005 0)
- CIE Lab
- lab(88.81 1.54 0.02)
- LCH
- lch(88.81 1.54 0.6)
- CMYK
- cmyk(0% 2% 1% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E5E1E2
- E8E5E5
- EBE8E9
- EEEBEC
- F0EEEF
- F3F2F2
- F6F5F5
- F9F8F9
- FCFCFC
Schaduwen
- C4C1C2
- A8A5A5
- 8C898A
- 716F6F
- 575556
- 3E3D3D
- 272627
- 121212
- 030202
Tonen
- D8D4D5
- CECACB
- C4C1C2
- BAB7B8
- B0AEAE
- A6A4A5
- 9C9B9B
- 939292
- 898989
Kleurharmonieën
Complementair +180°
- E2DEDF
Ardcoat
- DCE0DF
≈ Barely Blue
Analoog -30° +30°
- E2DEDF
Ardcoat
- E1DEE1
≈ Soft Silk
- E2DEDD
≈ Ardcoat
Triadisch +120° +240°
- E2DEDF
Ardcoat
- DFE0DC
≈ City Brume
- DDE0E2
≈ Gentle Grey
Gesplitst complementair +150° +210°
- E2DEDF
Ardcoat
- DDE0DE
≈ Barely Blue
- DCE0E1
≈ Drifting Cloud
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.74:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--ardcoat: #e2dedf;
--ardcoat-rgb: 226 222 223;
--ardcoat-oklch: oklch(0.904 0.005 0);
}
.element {
color: var(--ardcoat);
background-color: hsl(345 6% 88%);
border-color: oklch(0.904 0.005 0);
}Tailwind CSS v4
@theme {
--color-ardcoat: #e2dedf;
--color-ardcoat-50: #f6f4f5;
--color-ardcoat-100: #e9e7e8;
--color-ardcoat-200: #d6d3d4;
--color-ardcoat-300: #b9b6b7;
--color-ardcoat-400: #a19d9e;
--color-ardcoat-500: #898586;
--color-ardcoat-600: #747071;
--color-ardcoat-700: #5d5a5b;
--color-ardcoat-800: #444242;
--color-ardcoat-900: #2f2d2e;
--color-ardcoat-950: #1b1a1b;
}SCSS
$ardcoat: #e2dedf;
$ardcoat-rgb: 226, 222, 223;
$ardcoat-light: mix(#fff, $ardcoat, 20%);
$ardcoat-dark: mix(#000, $ardcoat, 20%);
.element {
color: $ardcoat;
box-shadow: 0 0 0 2px rgba($ardcoat, 0.35);
}