Dichtstbijzijnde benoemde kleur · #E7E9EB
#E7E9EB
Dichtstbijzijnde benoemde kleur: Plaster
#E7E9EB (rgb(231 233 235), hsl(210 9% 91%), oklch(0.933 0.003 247.9)) komt het dichtst bij de benoemde kleur Plaster. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E7E9EB
oklch(0.933 0.003 247.9)
Kleurconversies
- HEX
- #e7e9eb
- RGB
- rgb(231 233 235)
- HSL
- hsl(210 9% 91%)
- HWB
- hwb(210 91% 8%)
- OKLCH
- oklch(0.933 0.003 247.9)
- OKLab
- oklab(0.933 -0.001 -0.003)
- CIE Lab
- lab(92.23 -0.43 -1.22)
- LCH
- lch(92.23 1.29 250.8)
- CMYK
- cmyk(2% 1% 0% 8%)
Tinten · Schaduwen · Tonen
Tinten
- E9EBED
- ECEDEF
- EEF0F1
- F1F2F3
- F3F4F5
- F5F6F7
- F8F8F9
- FAFBFB
- FDFDFD
Schaduwen
- C9CBCC
- ABADAE
- 8F9091
- 737475
- 595A5B
- 404141
- 282929
- 131313
- 030303
Tonen
- DCDEE0
- D2D3D5
- C7C8CA
- BCBEBF
- B2B3B4
- A8A9A9
- 9E9E9F
- 949494
- 8A8A8A
Kleurharmonieën
Complementair +180°
- E7E9EB
Plaster
- EAE8E6
≈ Heavenly White
Analoog -30° +30°
- E7E9EB
Plaster
- E6E9EA
≈ Swirling Water
- E8E9EB
≈ Snowbank
Triadisch +120° +240°
- E7E9EB
Plaster
- EBE8E8
≈ Coconut Agony
- E8E9E7
≈ Mt. Hood White
Gesplitst complementair +150° +210°
- E7E9EB
Plaster
- EBE8E7
≈ Coconut Agony
- E9E9E6
≈ Steam White
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.21:1 · APCA Lc 11
Ag
AAAOp zwart
WCAG 17.25:1 · APCA Lc 93
Beste tekstkleur: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--plaster: #e7e9eb;
--plaster-rgb: 231 233 235;
--plaster-oklch: oklch(0.933 0.003 247.9);
}
.element {
color: var(--plaster);
background-color: hsl(210 9% 91%);
border-color: oklch(0.933 0.003 247.9);
}Tailwind CSS v4
@theme {
--color-plaster: #e7e9eb;
--color-plaster-50: #f4f5f6;
--color-plaster-100: #e7e8e9;
--color-plaster-200: #d3d4d6;
--color-plaster-300: #b6b7b9;
--color-plaster-400: #9d9fa0;
--color-plaster-500: #848688;
--color-plaster-600: #707273;
--color-plaster-700: #5a5b5c;
--color-plaster-800: #414243;
--color-plaster-900: #2d2e2f;
--color-plaster-950: #1a1b1b;
}SCSS
$plaster: #e7e9eb;
$plaster-rgb: 231, 233, 235;
$plaster-light: mix(#fff, $plaster, 20%);
$plaster-dark: mix(#000, $plaster, 20%);
.element {
color: $plaster;
box-shadow: 0 0 0 2px rgba($plaster, 0.35);
}