Nächste benannte Farbe · #E7E9EB
#E7E9EB
Nächste benannte Farbe: Plaster
#E7E9EB (rgb(231 233 235), hsl(210 9% 91%), oklch(0.933 0.003 247.9)) liegt am nächsten an der benannten Farbe Plaster. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E7E9EB
oklch(0.933 0.003 247.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E9EBED
- ECEDEF
- EEF0F1
- F1F2F3
- F3F4F5
- F5F6F7
- F8F8F9
- FAFBFB
- FDFDFD
Shades
- C9CBCC
- ABADAE
- 8F9091
- 737475
- 595A5B
- 404141
- 282929
- 131313
- 030303
Tones
- DCDEE0
- D2D3D5
- C7C8CA
- BCBEBF
- B2B3B4
- A8A9A9
- 9E9E9F
- 949494
- 8A8A8A
Farbharmonien
Komplementär +180°
- E7E9EB
Plaster
- EAE8E6
≈ Heavenly White
Analog -30° +30°
- E7E9EB
Plaster
- E6E9EA
≈ Swirling Water
- E8E9EB
≈ Snowbank
Triadisch +120° +240°
- E7E9EB
Plaster
- EBE8E8
≈ Coconut Agony
- E8E9E7
≈ Mt. Hood White
Geteilt komplementär +150° +210°
- E7E9EB
Plaster
- EBE8E7
≈ Coconut Agony
- E9E9E6
≈ Steam White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.25:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
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);
}