Màu có tên gần nhất · #E8E6F2
#E8E6F2
Màu có tên gần nhất: Homoeopathic Lilac
#E8E6F2 (rgb(232 230 242), hsl(250 32% 93%), oklch(0.93 0.016 293.7)) gần nhất với màu có tên Homoeopathic Lilac. 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.
#E8E6F2
oklch(0.93 0.016 293.7)
Chuyển đổi màu
- HEX
- #e8e6f2
- RGB
- rgb(232 230 242)
- HSL
- hsl(250 32% 93%)
- HWB
- hwb(250 90% 5%)
- OKLCH
- oklch(0.93 0.016 293.7)
- OKLab
- oklab(0.93 0.007 -0.015)
- CIE Lab
- lab(91.71 2.32 -5.59)
- LCH
- lch(91.71 6.06 292.5)
- CMYK
- cmyk(4% 5% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EAE8F3
- EDEBF5
- EFEDF6
- F1F0F7
- F3F2F9
- F6F5FA
- F8F7FB
- FAFAFC
- FDFCFE
Sắc đậm
- CAC8D2
- ACABB4
- 908E96
- 747379
- 59595E
- 404043
- 29282B
- 131314
- 030303
Sắc xám
- DDDBE6
- D2D1DA
- C8C6CE
- BDBCC3
- B3B2B7
- A8A7AC
- 9E9DA1
- 949496
- 8A8A8B
Hòa sắc
Bổ túc +180°
- E8E6F2
Homoeopathic Lilac
- E7E9DD
≈ Hydrangea Floret
Tương đồng -30° +30°
- E8E6F2
Homoeopathic Lilac
- E2E8F3
≈ Harbour Afternoon
- EDE4EE
≈ Faded Fuchsia
Bộ ba +120° +240°
- E8E6F2
Homoeopathic Lilac
- F1E5DE
≈ Aubergine Flesh
- DEECE7
≈ Waterscape
Bổ túc chia +150° +210°
- E8E6F2
Homoeopathic Lilac
- EDE7DC
≈ Umber Style
- E2EBE1
≈ Country Mist
Bộ bốn +90° +180° +270°
- E8E6F2
Homoeopathic Lilac
- F3E4E3
≈ Pink Emulsion
- E7E9DD
≈ Hydrangea Floret
- DCEBED
≈ Blue Flax
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 17.03:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 17.03:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--homoeopathic-lilac: #e8e6f2;
--homoeopathic-lilac-rgb: 232 230 242;
--homoeopathic-lilac-oklch: oklch(0.93 0.016 293.7);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(250 32% 93%);
border-color: oklch(0.93 0.016 293.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e8e6f2;
--color-homoeopathic-lilac-50: #f5f4f9;
--color-homoeopathic-lilac-100: #e8e7ed;
--color-homoeopathic-lilac-200: #d4d3db;
--color-homoeopathic-lilac-300: #b8b6bf;
--color-homoeopathic-lilac-400: #9f9da7;
--color-homoeopathic-lilac-500: #868490;
--color-homoeopathic-lilac-600: #72707a;
--color-homoeopathic-lilac-700: #5b5a62;
--color-homoeopathic-lilac-800: #424148;
--color-homoeopathic-lilac-900: #2e2d32;
--color-homoeopathic-lilac-950: #1a1a1e;
}SCSS
$homoeopathic-lilac: #e8e6f2;
$homoeopathic-lilac-rgb: 232, 230, 242;
$homoeopathic-lilac-light: mix(#fff, $homoeopathic-lilac, 20%);
$homoeopathic-lilac-dark: mix(#000, $homoeopathic-lilac, 20%);
.element {
color: $homoeopathic-lilac;
box-shadow: 0 0 0 2px rgba($homoeopathic-lilac, 0.35);
}