Màu có tên gần nhất · #DBE7E6
#DBE7E6
Màu có tên gần nhất: Homoeopathic Blue
#DBE7E6 (rgb(219 231 230), hsl(175 20% 88%), oklch(0.919 0.013 190.9)) gần nhất với màu có tên Homoeopathic Blue. 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.
#DBE7E6
oklch(0.919 0.013 190.9)
Chuyển đổi màu
- HEX
- #dbe7e6
- RGB
- rgb(219 231 230)
- HSL
- hsl(175 20% 88%)
- HWB
- hwb(175 86% 9%)
- OKLCH
- oklch(0.919 0.013 190.9)
- OKLab
- oklab(0.919 -0.013 -0.002)
- CIE Lab
- lab(90.71 -4.28 -0.97)
- LCH
- lch(90.71 4.39 192.8)
- CMYK
- cmyk(5% 0% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFE9E8
- E2ECEB
- E6EEED
- E9F1F0
- EDF3F2
- F1F5F5
- F4F8F7
- F8FAFA
- FBFDFC
Sắc đậm
- BEC9C8
- A2ABAB
- 878F8E
- 6D7373
- 545959
- 3C4040
- 262828
- 111313
- 020303
Sắc xám
- D2DCDB
- C8D2D1
- BFC7C6
- B6BCBC
- ACB2B2
- A3A8A7
- 9A9E9D
- 919493
- 898A8A
Hòa sắc
Bổ túc +180°
- DBE7E6
Homoeopathic Blue
- ECE1E2
≈ Barely Rose
Tương đồng -30° +30°
- DBE7E6
Homoeopathic Blue
- DDE7E1
≈ Pirate Coast
- DBE6EA
≈ Airy
Bộ ba +120° +240°
- DBE7E6
Homoeopathic Blue
- E7E2EB
≈ Soft Iris
- EAE3DB
≈ Fuzzy Unicorn
Bổ túc chia +150° +210°
- DBE7E6
Homoeopathic Blue
- EBE1E7
≈ Dream Dust
- ECE1DE
≈ Head in the Sand
Bộ bốn +90° +180° +270°
- DBE7E6
Homoeopathic Blue
- E2E3ED
≈ Icy Lavender
- ECE1E2
≈ Barely Rose
- E6E4DB
≈ Black White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.26:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.58:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--homoeopathic-blue: #dbe7e6;
--homoeopathic-blue-rgb: 219 231 230;
--homoeopathic-blue-oklch: oklch(0.919 0.013 190.9);
}
.element {
color: var(--homoeopathic-blue);
background-color: hsl(175 20% 88%);
border-color: oklch(0.919 0.013 190.9);
}Tailwind CSS v4
@theme {
--color-homoeopathic-blue: #dbe7e6;
--color-homoeopathic-blue-50: #f1f6f6;
--color-homoeopathic-blue-100: #e3e9e9;
--color-homoeopathic-blue-200: #ced6d6;
--color-homoeopathic-blue-300: #b0bab9;
--color-homoeopathic-blue-400: #96a1a0;
--color-homoeopathic-blue-500: #7d8988;
--color-homoeopathic-blue-600: #6a7473;
--color-homoeopathic-blue-700: #555d5c;
--color-homoeopathic-blue-800: #3e4443;
--color-homoeopathic-blue-900: #2a2f2e;
--color-homoeopathic-blue-950: #181b1b;
}SCSS
$homoeopathic-blue: #dbe7e6;
$homoeopathic-blue-rgb: 219, 231, 230;
$homoeopathic-blue-light: mix(#fff, $homoeopathic-blue, 20%);
$homoeopathic-blue-dark: mix(#000, $homoeopathic-blue, 20%);
.element {
color: $homoeopathic-blue;
box-shadow: 0 0 0 2px rgba($homoeopathic-blue, 0.35);
}