Màu có tên gần nhất · #D5ADE0
#D5ADE0
Màu có tên gần nhất: Lilac Lace
#D5ADE0 (rgb(213 173 224), hsl(287 45% 78%), oklch(0.8 0.083 318.9)) gần nhất với màu có tên Lilac Lace. 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.
#D5ADE0
oklch(0.8 0.083 318.9)
Chuyển đổi màu
- HEX
- #d5ade0
- RGB
- rgb(213 173 224)
- HSL
- hsl(287 45% 78%)
- HWB
- hwb(287 68% 12%)
- OKLCH
- oklch(0.8 0.083 318.9)
- OKLab
- oklab(0.8 0.062 -0.054)
- CIE Lab
- lab(75.63 21.66 -20.07)
- LCH
- lch(75.63 29.53 317.2)
- CMYK
- cmyk(5% 23% 0% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9B5E3
- DEBDE6
- E2C5EA
- E6CEED
- EAD6F0
- EEDEF3
- F3E6F6
- F7EEF9
- FBF7FC
Sắc đậm
- B996C3
- 9E7FA6
- 836A8A
- 6A5570
- 514156
- 3A2D3E
- 241B27
- 100B12
- 020102
Sắc xám
- CCA9D6
- C4A4CC
- BBA0C2
- B29BB9
- AA97AF
- A192A6
- 998E9C
- 918993
- 888589
Hòa sắc
Bổ túc +180°
- D5ADE0
Lilac Lace
- A3CB98
≈ Arcadian Green
Tương đồng -30° +30°
- D5ADE0
Lilac Lace
- BBB5F0
≈ Purple Sand
- E7A8C6
≈ Party Time
Bộ ba +120° +240°
- D5ADE0
Lilac Lace
- DBB880
≈ Honey Bunny
- 79CED2
≈ Soft Turquoise
Bổ túc chia +150° +210°
- D5ADE0
Lilac Lace
- C1C284
≈ Kiss a Frog
- 86CFB4
≈ Tropical Trail
Bộ bốn +90° +180° +270°
- D5ADE0
Lilac Lace
- EAAE8F
≈ Sweet Marmalade
- A3CB98
≈ Arcadian Green
- 83C8E8
≈ Shimmer
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.92:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.88:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--lilac-lace: #d5ade0;
--lilac-lace-rgb: 213 173 224;
--lilac-lace-oklch: oklch(0.8 0.083 318.9);
}
.element {
color: var(--lilac-lace);
background-color: hsl(287 45% 78%);
border-color: oklch(0.8 0.083 318.9);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #d5ade0;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f5dff9;
--color-lilac-lace-200: #e5c9ea;
--color-lilac-lace-300: #cbaad2;
--color-lilac-lace-400: #b48fbe;
--color-lilac-lace-500: #9e74a9;
--color-lilac-lace-600: #85638f;
--color-lilac-lace-700: #6b4f73;
--color-lilac-lace-800: #4e3955;
--color-lilac-lace-900: #36273c;
--color-lilac-lace-950: #211525;
}SCSS
$lilac-lace: #d5ade0;
$lilac-lace-rgb: 213, 173, 224;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}