Màu có tên · #D5B6D4
Lilac Haze
Lilac Haze là #D5B6D4: rgb(213 182 212), hsl(302 27% 77%), oklch(0.812 0.054 327.1). 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 Purple mean? → · Lilac Haze color name →
#D5B6D4
oklch(0.812 0.054 327.1)
Chuyển đổi màu
- HEX
- #d5b6d4
- RGB
- rgb(213 182 212)
- HSL
- hsl(302 27% 77%)
- HWB
- hwb(302 71% 16%)
- OKLCH
- oklch(0.812 0.054 327.1)
- OKLab
- oklab(0.812 0.045 -0.029)
- CIE Lab
- lab(77.48 15.35 -10.83)
- LCH
- lch(77.48 18.79 324.8)
- CMYK
- cmyk(0% 15% 0% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9BDD8
- DDC4DD
- E2CCE1
- E6D3E5
- EADAE9
- EEE1EE
- F3E9F2
- F7F0F6
- FBF8FB
Sắc đậm
- B99EB8
- 9E869D
- 836F83
- 6A5969
- 514451
- 3A303A
- 241D24
- 100C10
- 020202
Sắc xám
- CCB0CB
- C4ABC3
- BBA6BA
- B2A0B2
- AA9BA9
- A195A1
- 999098
- 918B90
- 888588
Hòa sắc
Bổ túc +180°
- D5B6D4
Lilac Haze
- ACCCAE
≈ Spinach Dip
Tương đồng -30° +30°
- D5B6D4
Lilac Haze
- C5BBE1
≈ Viking Diva
- E0B4C2
≈ Mental Floss
Bộ ba +120° +240°
- D5B6D4
Lilac Haze
- D1C09A
≈ Sandy Pail
- 99CCD3
≈ Gentle Aquamarine
Bổ túc chia +150° +210°
- D5B6D4
Lilac Haze
- BFC7A0
≈ Seagrass
- 9DCEC1
≈ Thermal Aqua
Bộ bốn +90° +180° +270°
- D5B6D4
Lilac Haze
- DDBAA0
≈ Tracery
- ACCCAE
≈ Spinach Dip
- A2C8E0
≈ Sea Cliff
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.83:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.47:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.47:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--lilac-haze: #d5b6d4;
--lilac-haze-rgb: 213 182 212;
--lilac-haze-oklch: oklch(0.812 0.054 327.1);
}
.element {
color: var(--lilac-haze);
background-color: hsl(302 27% 77%);
border-color: oklch(0.812 0.054 327.1);
}Tailwind CSS v4
@theme {
--color-lilac-haze: #d5b6d4;
--color-lilac-haze-50: #fef0fd;
--color-lilac-haze-100: #f3e2f1;
--color-lilac-haze-200: #e2cce0;
--color-lilac-haze-300: #c8aec5;
--color-lilac-haze-400: #b094af;
--color-lilac-haze-500: #9a7a99;
--color-lilac-haze-600: #826781;
--color-lilac-haze-700: #685368;
--color-lilac-haze-800: #4c3c4d;
--color-lilac-haze-900: #352935;
--color-lilac-haze-950: #201720;
}SCSS
$lilac-haze: #d5b6d4;
$lilac-haze-rgb: 213, 182, 212;
$lilac-haze-light: mix(#fff, $lilac-haze, 20%);
$lilac-haze-dark: mix(#000, $lilac-haze, 20%);
.element {
color: $lilac-haze;
box-shadow: 0 0 0 2px rgba($lilac-haze, 0.35);
}