Màu có tên gần nhất · #DEC7D1
#DEC7D1
Màu có tên gần nhất: Light Lilac
#DEC7D1 (rgb(222 199 209), hsl(334 26% 83%), oklch(0.852 0.029 349.6)) gần nhất với màu có tên Light Lilac. 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.
#DEC7D1
oklch(0.852 0.029 349.6)
Chuyển đổi màu
- HEX
- #dec7d1
- RGB
- rgb(222 199 209)
- HSL
- hsl(334 26% 83%)
- HWB
- hwb(334 78% 13%)
- OKLCH
- oklch(0.852 0.029 349.6)
- OKLab
- oklab(0.852 0.029 -0.005)
- CIE Lab
- lab(82.41 9.61 -1.9)
- LCH
- lch(82.41 9.79 348.8)
- CMYK
- cmyk(0% 10% 6% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1CDD6
- E5D2DA
- E8D8DF
- EBDDE3
- EFE3E8
- F2E8EC
- F5EEF1
- F8F4F6
- FCF9FA
Sắc đậm
- C1ADB5
- A5939B
- 897A81
- 6F6268
- 554C50
- 3D3639
- 262123
- 120E10
- 020202
Sắc xám
- D4C0C9
- CBB8C0
- C1B1B8
- B7AAB0
- AEA3A8
- A59CA0
- 9B9598
- 928E90
- 898788
Hòa sắc
Bổ túc +180°
- DEC7D1
Light Lilac
- BDD5CB
≈ Soft Fresco
Tương đồng -30° +30°
- DEC7D1
Light Lilac
- D7C9DA
≈ Languid Lavender
- E1C7C7
≈ Pocketful of Promise
Bộ ba +120° +240°
- DEC7D1
Light Lilac
- CFD0BB
≈ With a Twist
- BCD2DE
≈ Two Harbours
Bổ túc chia +150° +210°
- DEC7D1
Light Lilac
- C5D3C1
≈ Juniper Mist
- B9D4D6
≈ Rhythmic Blue
Bộ bốn +90° +180° +270°
- DEC7D1
Light Lilac
- D9CDBA
≈ Studio Clay
- BDD5CB
≈ Soft Fresco
- C3CFE2
≈ Atmospheric Pressure
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.59:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.19:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--light-lilac: #dec7d1;
--light-lilac-rgb: 222 199 209;
--light-lilac-oklch: oklch(0.852 0.029 349.6);
}
.element {
color: var(--light-lilac);
background-color: hsl(334 26% 83%);
border-color: oklch(0.852 0.029 349.6);
}Tailwind CSS v4
@theme {
--color-light-lilac: #dec7d1;
--color-light-lilac-50: #fcf2f6;
--color-light-lilac-100: #f0e4e9;
--color-light-lilac-200: #dfcfd5;
--color-light-lilac-300: #c4b2b9;
--color-light-lilac-400: #ad98a1;
--color-light-lilac-500: #967f89;
--color-light-lilac-600: #7f6b74;
--color-light-lilac-700: #65565d;
--color-light-lilac-800: #4a3e44;
--color-light-lilac-900: #342b2f;
--color-light-lilac-950: #1f181c;
}SCSS
$light-lilac: #dec7d1;
$light-lilac-rgb: 222, 199, 209;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}