Màu có tên gần nhất · #D4BADC
#D4BADC
Màu có tên gần nhất: York Plum
#D4BADC (rgb(212 186 220), hsl(286 33% 80%), oklch(0.822 0.055 318.2)) gần nhất với màu có tên York Plum. 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.
#D4BADC
oklch(0.822 0.055 318.2)
Chuyển đổi màu
- HEX
- #d4badc
- RGB
- rgb(212 186 220)
- HSL
- hsl(286 33% 80%)
- HWB
- hwb(286 73% 14%)
- OKLCH
- oklch(0.822 0.055 318.2)
- OKLab
- oklab(0.822 0.041 -0.036)
- CIE Lab
- lab(78.57 14.09 -13.53)
- LCH
- lch(78.57 19.54 316.2)
- CMYK
- cmyk(4% 15% 0% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8C1E0
- DDC8E3
- E1CEE7
- E5D5EA
- E9DCEE
- EEE3F1
- F2EAF5
- F6F1F8
- FBF8FC
Sắc đậm
- B8A1BF
- 9D89A3
- 837288
- 695C6E
- 514654
- 3A323C
- 241E26
- 100D11
- 020202
Sắc xám
- CBB4D2
- C3AEC9
- BAA8C0
- B2A2B6
- A99DAD
- A197A4
- 98919B
- 908B92
- 888689
Hòa sắc
Bổ túc +180°
- D4BADC
York Plum
- B4CEAB
≈ Gio Ponti Green
Tương đồng -30° +30°
- D4BADC
York Plum
- C2C0E7
≈ Violet Gems
- E1B7CB
≈ Kunzite
Bộ ba +120° +240°
- D4BADC
York Plum
- D8C19D
≈ Golden Gate
- 9BD0D1
≈ Morning Glory
Bổ túc chia +150° +210°
- D4BADC
York Plum
- C7C89F
≈ Watercress Pesto
- A3D1BE
≈ Taffy Twist
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.77:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.85:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--york-plum: #d4badc;
--york-plum-rgb: 212 186 220;
--york-plum-oklch: oklch(0.822 0.055 318.2);
}
.element {
color: var(--york-plum);
background-color: hsl(286 33% 80%);
border-color: oklch(0.822 0.055 318.2);
}Tailwind CSS v4
@theme {
--color-york-plum: #d4badc;
--color-york-plum-50: #fcf0ff;
--color-york-plum-100: #f0e2f3;
--color-york-plum-200: #dfcde3;
--color-york-plum-300: #c4afc9;
--color-york-plum-400: #ac95b4;
--color-york-plum-500: #967b9e;
--color-york-plum-600: #7f6885;
--color-york-plum-700: #65536b;
--color-york-plum-800: #4a3d4f;
--color-york-plum-900: #332a37;
--color-york-plum-950: #1f1722;
}SCSS
$york-plum: #d4badc;
$york-plum-rgb: 212, 186, 220;
$york-plum-light: mix(#fff, $york-plum, 20%);
$york-plum-dark: mix(#000, $york-plum, 20%);
.element {
color: $york-plum;
box-shadow: 0 0 0 2px rgba($york-plum, 0.35);
}