Màu có tên gần nhất · #E7E9EB
#E7E9EB
Màu có tên gần nhất: Plaster
#E7E9EB (rgb(231 233 235), hsl(210 9% 91%), oklch(0.933 0.003 247.9)) gần nhất với màu có tên Plaster. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E7E9EB
oklch(0.933 0.003 247.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E9EBED
- ECEDEF
- EEF0F1
- F1F2F3
- F3F4F5
- F5F6F7
- F8F8F9
- FAFBFB
- FDFDFD
Sắc đậm
- C9CBCC
- ABADAE
- 8F9091
- 737475
- 595A5B
- 404141
- 282929
- 131313
- 030303
Sắc xám
- DCDEE0
- D2D3D5
- C7C8CA
- BCBEBF
- B2B3B4
- A8A9A9
- 9E9E9F
- 949494
- 8A8A8A
Hòa sắc
Bổ túc +180°
- E7E9EB
Plaster
- EAE8E6
≈ Heavenly White
Tương đồng -30° +30°
- E7E9EB
Plaster
- E6E9EA
≈ Swirling Water
- E8E9EB
≈ Snowbank
Bộ ba +120° +240°
- E7E9EB
Plaster
- EBE8E8
≈ Coconut Agony
- E8E9E7
≈ Mt. Hood White
Bổ túc chia +150° +210°
- E7E9EB
Plaster
- EBE8E7
≈ Coconut Agony
- E9E9E6
≈ Steam White
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.21:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.25:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
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);
}