Màu có tên gần nhất · #EBEEF0
#EBEEF0
Màu có tên gần nhất: Distant Wind Chime
#EBEEF0 (rgb(235 238 240), hsl(204 14% 93%), oklch(0.947 0.004 236.5)) 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.
#EBEEF0
oklch(0.947 0.004 236.5)
Chuyển đổi màu
- HEX
- #ebeef0
- RGB
- rgb(235 238 240)
- HSL
- hsl(204 14% 93%)
- HWB
- hwb(204 92% 6%)
- OKLCH
- oklch(0.947 0.004 236.5)
- OKLab
- oklab(0.947 -0.002 -0.004)
- CIE Lab
- lab(93.91 -0.77 -1.34)
- LCH
- lch(93.91 1.54 240.2)
- CMYK
- cmyk(2% 1% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDF0F1
- EFF1F3
- F1F3F4
- F3F5F6
- F5F6F7
- F7F8F9
- F9FAFA
- FBFCFC
- FDFDFD
Sắc đậm
- CCCFD1
- AEB1B2
- 919395
- 757778
- 5B5C5D
- 414243
- 292A2A
- 131414
- 030303
Sắc xám
- E0E2E4
- D5D7D9
- CACCCD
- BFC1C2
- B4B5B6
- A9AAAB
- 9FA0A0
- 949595
- 8A8A8B
Hòa sắc
Bổ túc +180°
- EBEEF0
Distant Wind Chime
- F0EDEB
≈ Magical Moonlight
Tương đồng -30° +30°
- EBEEF0
Distant Wind Chime
- EAEEEF
≈ Dipped in Cloudy Dreams
- ECEDF0
≈ Bright Grey
Bộ ba +120° +240°
- EBEEF0
Distant Wind Chime
- F0ECEE
≈ Sheikh White
- EDEEEB
≈ Snow Storm
Bổ túc chia +150° +210°
- EBEEF0
Distant Wind Chime
- F0ECEC
≈ Snowberry
- EFEDEA
≈ Snow Storm
Bộ bốn +90° +180° +270°
- EBEEF0
Distant Wind Chime
- EFEDEF
≈ Sheikh White
- F0EDEB
≈ Magical Moonlight
- ECEEEC
≈ Moonlit Snow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.02:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 18.02:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #ebeef0;
--distant-wind-chime-rgb: 235 238 240;
--distant-wind-chime-oklch: oklch(0.947 0.004 236.5);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(204 14% 93%);
border-color: oklch(0.947 0.004 236.5);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #ebeef0;
--color-distant-wind-chime-50: #f4f5f6;
--color-distant-wind-chime-100: #e6e8e9;
--color-distant-wind-chime-200: #d3d4d6;
--color-distant-wind-chime-300: #b5b8b9;
--color-distant-wind-chime-400: #9c9fa0;
--color-distant-wind-chime-500: #848789;
--color-distant-wind-chime-600: #6f7274;
--color-distant-wind-chime-700: #595b5c;
--color-distant-wind-chime-800: #414344;
--color-distant-wind-chime-900: #2d2e2f;
--color-distant-wind-chime-950: #1a1b1b;
}SCSS
$distant-wind-chime: #ebeef0;
$distant-wind-chime-rgb: 235, 238, 240;
$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);
}