Colore con nome più vicino · #E7E9EB
#E7E9EB
Colore con nome più vicino: Plaster
#E7E9EB (rgb(231 233 235), hsl(210 9% 91%), oklch(0.933 0.003 247.9)) è più vicino al colore con nome Plaster. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E7E9EB
oklch(0.933 0.003 247.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E9EBED
- ECEDEF
- EEF0F1
- F1F2F3
- F3F4F5
- F5F6F7
- F8F8F9
- FAFBFB
- FDFDFD
Ombre
- C9CBCC
- ABADAE
- 8F9091
- 737475
- 595A5B
- 404141
- 282929
- 131313
- 030303
Toni
- DCDEE0
- D2D3D5
- C7C8CA
- BCBEBF
- B2B3B4
- A8A9A9
- 9E9E9F
- 949494
- 8A8A8A
Armonie di colore
Complementare +180°
- E7E9EB
Plaster
- EAE8E6
≈ Heavenly White
Analogo -30° +30°
- E7E9EB
Plaster
- E6E9EA
≈ Swirling Water
- E8E9EB
≈ Snowbank
Triadico +120° +240°
- E7E9EB
Plaster
- EBE8E8
≈ Coconut Agony
- E8E9E7
≈ Mt. Hood White
Complementare divisa +150° +210°
- E7E9EB
Plaster
- EBE8E7
≈ Coconut Agony
- E9E9E6
≈ Steam White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.25:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
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);
}