Màu có tên · #DBD1E2
Purple Mist
Purple Mist là #DBD1E2: rgb(219 209 226), hsl(275 23% 85%), oklch(0.874 0.025 311.7). 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.
What does Gray mean? → · Purple Mist color name →
#DBD1E2
oklch(0.874 0.025 311.7)
Chuyển đổi màu
- HEX
- #dbd1e2
- RGB
- rgb(219 209 226)
- HSL
- hsl(275 23% 85%)
- HWB
- hwb(275 82% 11%)
- OKLCH
- oklch(0.874 0.025 311.7)
- OKLab
- oklab(0.874 0.017 -0.019)
- CIE Lab
- lab(85.04 5.86 -7.12)
- LCH
- lch(85.04 9.22 309.5)
- CMYK
- cmyk(3% 8% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFD6E5
- E2DAE8
- E6DFEB
- E9E3EE
- EDE8F0
- F0ECF3
- F4F1F6
- F8F6F9
- FBFAFC
Sắc đậm
- BEB5C4
- A29BA8
- 87818C
- 6D6871
- 545057
- 3C393E
- 262327
- 111012
- 020203
Sắc xám
- D2C9D8
- C8C0CE
- BFB8C4
- B6B0BA
- ACA8B0
- A3A0A6
- 9A989C
- 919093
- 898889
Hòa sắc
Bổ túc +180°
- DBD1E2
Purple Mist
- CFD9C8
≈ Bayberry Frost
Tương đồng -30° +30°
- DBD1E2
Purple Mist
- D2D4E6
≈ Blushing Lilac
- E2CFDA
≈ Orchid Ice
Bộ ba +120° +240°
- DBD1E2
Purple Mist
- E0D3C4
≈ Wheat Sheaf
- C3DBDA
≈ Cold Air Turquoise
Bổ túc chia +150° +210°
- DBD1E2
Purple Mist
- D8D6C4
≈ Whetstone
- C8DBD0
≈ Tenderness
Bộ bốn +90° +180° +270°
- DBD1E2
Purple Mist
- E5D0C9
≈ Pink Marble
- CFD9C8
≈ Bayberry Frost
- C4DAE2
≈ Getting Wet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.47:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.23:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--purple-mist: #dbd1e2;
--purple-mist-rgb: 219 209 226;
--purple-mist-oklch: oklch(0.874 0.025 311.7);
}
.element {
color: var(--purple-mist);
background-color: hsl(275 23% 85%);
border-color: oklch(0.874 0.025 311.7);
}Tailwind CSS v4
@theme {
--color-purple-mist: #dbd1e2;
--color-purple-mist-50: #f8f3fa;
--color-purple-mist-100: #ebe5ee;
--color-purple-mist-200: #d8d1dc;
--color-purple-mist-300: #bcb4c1;
--color-purple-mist-400: #a39aaa;
--color-purple-mist-500: #8c8293;
--color-purple-mist-600: #766e7c;
--color-purple-mist-700: #5f5863;
--color-purple-mist-800: #454049;
--color-purple-mist-900: #302c33;
--color-purple-mist-950: #1c191e;
}SCSS
$purple-mist: #dbd1e2;
$purple-mist-rgb: 219, 209, 226;
$purple-mist-light: mix(#fff, $purple-mist, 20%);
$purple-mist-dark: mix(#000, $purple-mist, 20%);
.element {
color: $purple-mist;
box-shadow: 0 0 0 2px rgba($purple-mist, 0.35);
}