Warna bernama terdekat · #DB8AB1
#DB8AB1
Warna bernama terdekat: Kiss
#DB8AB1 (rgb(219 138 177), hsl(331 53% 70%), oklch(0.728 0.11 349.8)) paling mendekati warna bernama Kiss. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#DB8AB1
oklch(0.728 0.11 349.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- DF96B9
- E4A1C0
- E8ADC8
- ECB9D0
- EFC4D7
- F3D0DF
- F6DCE7
- F9E7EF
- FCF3F7
Shade
- BE7799
- A26583
- 87536C
- 6D4257
- 543242
- 3C222F
- 26141C
- 11070C
- 020101
Tone
- D289AC
- C989A7
- C088A2
- B7879D
- AE8698
- A58593
- 9C848E
- 93838A
- 898185
Harmoni warna
Komplementer +180°
- DB8AB1
Kiss
- 54BD9C
≈ Expressionism Green
Analog -30° +30°
- DB8AB1
Kiss
- C690D2
≈ Lenurple
- E48A8B
≈ Pink Chi
Triadik +120° +240°
- DB8AB1
Kiss
- ABAD57
≈ Palm Frond
- 53B4DF
≈ Sail Away
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.53:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.28:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
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);
}