Màu có tên gần nhất · #E2DEEC
#E2DEEC
Màu có tên gần nhất: Velvet Scarf
#E2DEEC (rgb(226 222 236), hsl(257 27% 90%), oklch(0.908 0.019 299)) gần nhất với màu có tên Velvet Scarf. 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.
#E2DEEC
oklch(0.908 0.019 299)
Chuyển đổi màu
- HEX
- #e2deec
- RGB
- rgb(226 222 236)
- HSL
- hsl(257 27% 90%)
- HWB
- hwb(257 87% 7%)
- OKLCH
- oklch(0.908 0.019 299)
- OKLab
- oklab(0.908 0.009 -0.017)
- CIE Lab
- lab(89.1 3.31 -6.35)
- LCH
- lch(89.1 7.16 297.5)
- CMYK
- cmyk(4% 6% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E5E1EE
- E8E5F0
- EBE8F2
- EEEBF4
- F0EEF6
- F3F2F7
- F6F5F9
- F9F8FB
- FCFCFD
Sắc đậm
- C4C1CD
- A8A5AF
- 8C8992
- 716F76
- 57555B
- 3E3D42
- 272629
- 121213
- 030203
Sắc xám
- D8D4E1
- CECAD5
- C4C1CA
- BAB7BF
- B0AEB5
- A6A4AA
- 9C9B9F
- 939295
- 89898A
Hòa sắc
Bổ túc +180°
- E2DEEC
Velvet Scarf
- DFE3D4
≈ Greening
Tương đồng -30° +30°
- E2DEEC
Velvet Scarf
- DBE0EE
≈ Vaguely Violet
- E8DCE7
≈ Twinkled Pink
Bộ ba +120° +240°
- E2DEEC
Velvet Scarf
- EBDED4
≈ Cliff Swallow
- D4E5E1
≈ Cave Pearl
Bổ túc chia +150° +210°
- E2DEEC
Velvet Scarf
- E6E0D2
≈ Focus
- D8E4DA
≈ Eye of the Storm
Bộ bốn +90° +180° +270°
- E2DEEC
Velvet Scarf
- EDDCD9
≈ Cottingley Fairies
- DFE3D4
≈ Greening
- D3E4E7
≈ Aqua Sparkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.32:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.89:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--velvet-scarf: #e2deec;
--velvet-scarf-rgb: 226 222 236;
--velvet-scarf-oklch: oklch(0.908 0.019 299);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(257 27% 90%);
border-color: oklch(0.908 0.019 299);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #e2deec;
--color-velvet-scarf-50: #f6f4fa;
--color-velvet-scarf-100: #e9e6ed;
--color-velvet-scarf-200: #d5d2db;
--color-velvet-scarf-300: #b9b5c0;
--color-velvet-scarf-400: #a09ca9;
--color-velvet-scarf-500: #888492;
--color-velvet-scarf-600: #736f7b;
--color-velvet-scarf-700: #5c5963;
--color-velvet-scarf-800: #434148;
--color-velvet-scarf-900: #2e2d32;
--color-velvet-scarf-950: #1b1a1e;
}SCSS
$velvet-scarf: #e2deec;
$velvet-scarf-rgb: 226, 222, 236;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}