Màu có tên gần nhất · #DB8AB1
#DB8AB1
Màu có tên gần nhất: Kiss
#DB8AB1 (rgb(219 138 177), hsl(331 53% 70%), oklch(0.728 0.11 349.8)) gần nhất với màu có tên Kiss. 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.
#DB8AB1
oklch(0.728 0.11 349.8)
Chuyển đổi màu
- HEX
- #db8ab1
- RGB
- rgb(219 138 177)
- HSL
- hsl(331 53% 70%)
- HWB
- hwb(331 54% 14%)
- OKLCH
- oklch(0.728 0.11 349.8)
- OKLab
- oklab(0.728 0.108 -0.019)
- CIE Lab
- lab(67.01 35.6 -6.94)
- LCH
- lch(67.01 36.27 349)
- CMYK
- cmyk(0% 37% 19% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DF96B9
- E4A1C0
- E8ADC8
- ECB9D0
- EFC4D7
- F3D0DF
- F6DCE7
- F9E7EF
- FCF3F7
Sắc đậm
- BE7799
- A26583
- 87536C
- 6D4257
- 543242
- 3C222F
- 26141C
- 11070C
- 020101
Sắc xám
- D289AC
- C989A7
- C088A2
- B7879D
- AE8698
- A58593
- 9C848E
- 93838A
- 898185
Hòa sắc
Bổ túc +180°
- DB8AB1
Kiss
- 54BD9C
≈ Expressionism Green
Tương đồng -30° +30°
- DB8AB1
Kiss
- C690D2
≈ Lenurple
- E48A8B
≈ Pink Chi
Bộ ba +120° +240°
- DB8AB1
Kiss
- ABAD57
≈ Palm Frond
- 53B4DF
≈ Sail Away
Bổ túc chia +150° +210°
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 2.53:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.28:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--kiss: #db8ab1;
--kiss-rgb: 219 138 177;
--kiss-oklch: oklch(0.728 0.11 349.8);
}
.element {
color: var(--kiss);
background-color: hsl(331 53% 70%);
border-color: oklch(0.728 0.11 349.8);
}Tailwind CSS v4
@theme {
--color-kiss: #db8ab1;
--color-kiss-50: #ffe9f8;
--color-kiss-100: #ffdaec;
--color-kiss-200: #fac2d9;
--color-kiss-300: #e4a0bd;
--color-kiss-400: #cf83a8;
--color-kiss-500: #bb6691;
--color-kiss-600: #9e577a;
--color-kiss-700: #7f4562;
--color-kiss-800: #5e3249;
--color-kiss-900: #422233;
--color-kiss-950: #2a111e;
}SCSS
$kiss: #db8ab1;
$kiss-rgb: 219, 138, 177;
$kiss-light: mix(#fff, $kiss, 20%);
$kiss-dark: mix(#000, $kiss, 20%);
.element {
color: $kiss;
box-shadow: 0 0 0 2px rgba($kiss, 0.35);
}