Màu có tên gần nhất · #DEE9E6
#DEE9E6
Màu có tên gần nhất: Homoeopathic Blue
#DEE9E6 (rgb(222 233 230), hsl(164 20% 89%), oklch(0.925 0.012 178)) 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.
#DEE9E6
oklch(0.925 0.012 178)
Chuyển đổi màu
- HEX
- #dee9e6
- RGB
- rgb(222 233 230)
- HSL
- hsl(164 20% 89%)
- HWB
- hwb(164 87% 9%)
- OKLCH
- oklch(0.925 0.012 178)
- OKLab
- oklab(0.925 -0.012 0)
- CIE Lab
- lab(91.44 -4.21 0.12)
- LCH
- lch(91.44 4.21 178.3)
- CMYK
- cmyk(5% 0% 1% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1EBE8
- E5EDEB
- E8F0ED
- EBF2F0
- EEF4F2
- F2F6F5
- F5F8F7
- F8FBFA
- FCFDFC
Sắc đậm
- C1CBC8
- A5ADAB
- 89908E
- 6F7473
- 555A59
- 3D4140
- 262928
- 121313
- 020303
Sắc xám
- D4DEDB
- CAD3D1
- C1C8C6
- B7BEBC
- AEB3B2
- A4A9A7
- 9B9E9D
- 929493
- 898A8A
Hòa sắc
Bổ túc +180°
- DEE9E6
Homoeopathic Blue
- EEE3E6
≈ Dulcet Pink
Tương đồng -30° +30°
- DEE9E6
Homoeopathic Blue
- E1E9E2
≈ Frosty Pink
- DDE9EA
≈ Wave Crest
Bộ ba +120° +240°
- DEE9E6
Homoeopathic Blue
- E7E5EE
≈ Iris Isle
- EDE4DE
≈ Macadamia Nut
Bổ túc chia +150° +210°
- DEE9E6
Homoeopathic Blue
- EBE3EA
≈ Calm Tint
- EEE3E2
≈ Shattered Porcelain
Bộ bốn +90° +180° +270°
- DEE9E6
Homoeopathic Blue
- E2E6EF
≈ Ghostly Tuna
- EEE3E6
≈ Dulcet Pink
- E9E6DD
≈ Narvik
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.90:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--homoeopathic-blue: #dee9e6;
--homoeopathic-blue-rgb: 222 233 230;
--homoeopathic-blue-oklch: oklch(0.925 0.012 178);
}
.element {
color: var(--homoeopathic-blue);
background-color: hsl(164 20% 89%);
border-color: oklch(0.925 0.012 178);
}Tailwind CSS v4
@theme {
--color-homoeopathic-blue: #dee9e6;
--color-homoeopathic-blue-50: #f2f6f5;
--color-homoeopathic-blue-100: #e4e9e8;
--color-homoeopathic-blue-200: #cfd6d4;
--color-homoeopathic-blue-300: #b1b9b7;
--color-homoeopathic-blue-400: #97a19e;
--color-homoeopathic-blue-500: #7e8986;
--color-homoeopathic-blue-600: #6b7471;
--color-homoeopathic-blue-700: #555d5b;
--color-homoeopathic-blue-800: #3e4442;
--color-homoeopathic-blue-900: #2b2f2e;
--color-homoeopathic-blue-950: #181b1a;
}SCSS
$homoeopathic-blue: #dee9e6;
$homoeopathic-blue-rgb: 222, 233, 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);
}