Màu có tên gần nhất · #EDF2F3
#EDF2F3
Màu có tên gần nhất: Distant Wind Chime
#EDF2F3 (rgb(237 242 243), hsl(190 20% 94%), oklch(0.958 0.006 211)) gần nhất với màu có tên Distant Wind Chime. 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.
#EDF2F3
oklch(0.958 0.006 211)
Chuyển đổi màu
- HEX
- #edf2f3
- RGB
- rgb(237 242 243)
- HSL
- hsl(190 20% 94%)
- HWB
- hwb(190 93% 5%)
- OKLCH
- oklch(0.958 0.006 211)
- OKLab
- oklab(0.958 -0.005 -0.003)
- CIE Lab
- lab(95.13 -1.58 -1.09)
- LCH
- lch(95.13 1.93 214.6)
- CMYK
- cmyk(2% 0% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EFF3F4
- F1F5F5
- F2F6F7
- F4F7F8
- F6F8F9
- F8FAFA
- FAFBFB
- FBFCFD
- FDFEFE
Sắc đậm
- CED2D3
- B0B4B4
- 939697
- 77797A
- 5C5E5E
- 424344
- 2A2B2B
- 141414
- 030303
Sắc xám
- E2E6E7
- D6DADB
- CBCECF
- C0C3C3
- B5B7B8
- AAACAC
- 9FA1A1
- 959696
- 8A8B8B
Hòa sắc
Bổ túc +180°
- EDF2F3
Distant Wind Chime
- F5F0EF
≈ Plastic Clouds
Tương đồng -30° +30°
- EDF2F3
Distant Wind Chime
- EDF2F1
≈ Beluga
- EEF1F4
≈ Maui Mist
Bộ ba +120° +240°
- EDF2F3
Distant Wind Chime
- F3F0F3
≈ Aragonite White
- F2F1ED
≈ Leukocyte White
Bổ túc chia +150° +210°
- EDF2F3
Distant Wind Chime
- F4EFF1
≈ Plastic Clouds
- F4F0ED
≈ Isabelline
Bộ bốn +90° +180° +270°
- EDF2F3
Distant Wind Chime
- F1F0F4
≈ Aragonite White
- F5F0EF
≈ Plastic Clouds
- F0F2EE
≈ Delicate White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.59:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.59:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #edf2f3;
--distant-wind-chime-rgb: 237 242 243;
--distant-wind-chime-oklch: oklch(0.958 0.006 211);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(190 20% 94%);
border-color: oklch(0.958 0.006 211);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #edf2f3;
--color-distant-wind-chime-50: #f3f5f6;
--color-distant-wind-chime-100: #e6e8e9;
--color-distant-wind-chime-200: #d2d5d5;
--color-distant-wind-chime-300: #b4b8b9;
--color-distant-wind-chime-400: #9b9fa0;
--color-distant-wind-chime-500: #828788;
--color-distant-wind-chime-600: #6e7273;
--color-distant-wind-chime-700: #585b5c;
--color-distant-wind-chime-800: #404343;
--color-distant-wind-chime-900: #2c2e2e;
--color-distant-wind-chime-950: #191b1b;
}SCSS
$distant-wind-chime: #edf2f3;
$distant-wind-chime-rgb: 237, 242, 243;
$distant-wind-chime-light: mix(#fff, $distant-wind-chime, 20%);
$distant-wind-chime-dark: mix(#000, $distant-wind-chime, 20%);
.element {
color: $distant-wind-chime;
box-shadow: 0 0 0 2px rgba($distant-wind-chime, 0.35);
}