Màu có tên · #D28CA7
Kiss
Kiss là #D28CA7: rgb(210 140 167), hsl(337 44% 69%), oklch(0.718 0.091 354.9). 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 Red mean? → · Kiss color name →
#D28CA7
oklch(0.718 0.091 354.9)
Chuyển đổi màu
- HEX
- #d28ca7
- RGB
- rgb(210 140 167)
- HSL
- hsl(337 44% 69%)
- HWB
- hwb(337 55% 18%)
- OKLCH
- oklch(0.718 0.091 354.9)
- OKLab
- oklab(0.718 0.091 -0.008)
- CIE Lab
- lab(66.12 30.18 -2.78)
- LCH
- lch(66.12 30.3 354.7)
- CMYK
- cmyk(0% 33% 20% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D797AF
- DCA3B8
- E1AEC1
- E6B9C9
- EAC5D2
- EFD0DB
- F3DCE4
- F7E8ED
- FBF3F6
Sắc đậm
- B67991
- 9B677B
- 815566
- 684352
- 50333E
- 39232C
- 24141A
- 10070A
- 020101
Sắc xám
- CA8BA3
- C28A9F
- BA899B
- B28897
- AA8793
- A1858F
- 99848C
- 918388
- 888184
Hòa sắc
Bổ túc +180°
- D28CA7
Kiss
- 60B7A1
≈ Shylock
Tương đồng -30° +30°
- D28CA7
Kiss
- C190C4
≈ Rose Souvenir
- D88D87
≈ Coral Banks
Bộ ba +120° +240°
- D28CA7
Kiss
- A2AB67
≈ Spanish Olive
- 67ADD5
≈ Imrik Blue
Bổ túc chia +150° +210°
- D28CA7
Kiss
- 80B380
≈ Verde
- 54B5BF
≈ Glassmith
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.60:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 8.04:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--kiss: #d28ca7;
--kiss-rgb: 210 140 167;
--kiss-oklch: oklch(0.718 0.091 354.9);
}
.element {
color: var(--kiss);
background-color: hsl(337 44% 69%);
border-color: oklch(0.718 0.091 354.9);
}Tailwind CSS v4
@theme {
--color-kiss: #d28ca7;
--color-kiss-50: #ffebf5;
--color-kiss-100: #ffdce8;
--color-kiss-200: #f6c5d5;
--color-kiss-300: #dfa4b8;
--color-kiss-400: #ca88a1;
--color-kiss-500: #b66c89;
--color-kiss-600: #995b74;
--color-kiss-700: #7b495d;
--color-kiss-800: #5b3545;
--color-kiss-900: #402430;
--color-kiss-950: #28131c;
}SCSS
$kiss: #d28ca7;
$kiss-rgb: 210, 140, 167;
$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);
}