Màu có tên gần nhất · #E7E2E5
#E7E2E5
Màu có tên gần nhất: Chrome
#E7E2E5 (rgb(231 226 229), hsl(324 9% 90%), oklch(0.918 0.007 340.4)) gần nhất với màu có tên Chrome. 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.
#E7E2E5
oklch(0.918 0.007 340.4)
Chuyển đổi màu
- HEX
- #e7e2e5
- RGB
- rgb(231 226 229)
- HSL
- hsl(324 9% 90%)
- HWB
- hwb(324 89% 9%)
- OKLCH
- oklch(0.918 0.007 340.4)
- OKLab
- oklab(0.918 0.006 -0.002)
- CIE Lab
- lab(90.34 2.15 -0.84)
- LCH
- lch(90.34 2.3 338.7)
- CMYK
- cmyk(0% 2% 1% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E9E5E8
- ECE8EA
- EEEBED
- F1EEEF
- F3F0F2
- F5F3F5
- F8F6F7
- FAF9FA
- FDFCFC
Sắc đậm
- C9C4C7
- ABA8AA
- 8F8C8E
- 737172
- 595758
- 403E3F
- 282728
- 131212
- 030303
Sắc xám
- DCD8DA
- D2CED0
- C7C4C6
- BCBABB
- B2B0B1
- A8A6A7
- 9E9C9D
- 949393
- 8A898A
Hòa sắc
Bổ túc +180°
- E7E2E5
Chrome
- E0E5E2
≈ Icy Bay
Tương đồng -30° +30°
- E7E2E5
Chrome
- E5E2E7
≈ Violet Hush
- E8E2E3
≈ Antique Petal
Bộ ba +120° +240°
- E7E2E5
Chrome
- E5E4DF
≈ Felicity
- DFE5E7
≈ Austrian Ice
Bổ túc chia +150° +210°
- E7E2E5
Chrome
- E2E5E0
≈ Canyon Wind
- DFE5E5
≈ Moon Garden
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.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.40:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--chrome: #e7e2e5;
--chrome-rgb: 231 226 229;
--chrome-oklch: oklch(0.918 0.007 340.4);
}
.element {
color: var(--chrome);
background-color: hsl(324 9% 90%);
border-color: oklch(0.918 0.007 340.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e2e5;
--color-chrome-50: #f6f4f5;
--color-chrome-100: #e9e7e8;
--color-chrome-200: #d6d3d5;
--color-chrome-300: #bab6b8;
--color-chrome-400: #a19d9f;
--color-chrome-500: #898487;
--color-chrome-600: #747073;
--color-chrome-700: #5d5a5c;
--color-chrome-800: #444143;
--color-chrome-900: #2f2d2e;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e2e5;
$chrome-rgb: 231, 226, 229;
$chrome-light: mix(#fff, $chrome, 20%);
$chrome-dark: mix(#000, $chrome, 20%);
.element {
color: $chrome;
box-shadow: 0 0 0 2px rgba($chrome, 0.35);
}