Warna bernama · #DB899E
Reflecting Rose
Reflecting Rose adalah #DB899E: rgb(219 137 158), hsl(345 53% 70%), oklch(0.721 0.103 3.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Reflecting Rose color name →
#DB899E
oklch(0.721 0.103 3.4)
Konversi warna
- HEX
- #db899e
- RGB
- rgb(219 137 158)
- HSL
- hsl(345 53% 70%)
- HWB
- hwb(345 54% 14%)
- OKLCH
- oklch(0.721 0.103 3.4)
- OKLab
- oklab(0.721 0.103 0.006)
- CIE Lab
- lab(66.34 34.1 2.75)
- LCH
- lch(66.34 34.21 4.6)
- CMYK
- cmyk(0% 37% 28% 14%)
Tint · Shade · Tone
Tint
- E095A7
- E4A1B1
- E8ACBA
- ECB8C4
- F0C4CD
- F3CFD7
- F6DBE1
- FAE7EB
- FCF3F5
Shade
- BE7689
- A26474
- 875360
- 6D424D
- 54313A
- 3C2229
- 261418
- 110709
- 020101
Tone
- D2889B
- C98898
- C08795
- B78692
- AE868F
- A5858C
- 9C8489
- 938286
- 8A8183
Harmoni warna
Komplementer +180°
- DB899E
Reflecting Rose
- 4BBAAB
≈ Tropical Escape
Analog -30° +30°
- DB899E
Reflecting Rose
- CC8CC0
≈ Rock Star Pink
- DD8D7A
≈ Graceful Ballerina
Triadik +120° +240°
- DB899E
Reflecting Rose
- 98B065
≈ Herbal Garden
- 69ACE0
≈ Acapulco Dive
Split-komplementer +150° +210°
- DB899E
Reflecting Rose
- 6FB886
≈ Frog Pond
- 48B5CC
≈ Blue Bobbin
Tetradik +90° +180° +270°
- DB899E
Reflecting Rose
- BBA354
≈ Tupelo Honey
- 4BBAAB
≈ Tropical Escape
- 90A0E6
≈ Cold Lips
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.59:1 · APCA Lc 51
Ag
AAADi atas hitam
WCAG 8.08:1 · APCA Lc 51
Warna teks terbaik: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Cuplikan kode
CSS
:root {
--reflecting-rose: #db899e;
--reflecting-rose-rgb: 219 137 158;
--reflecting-rose-oklch: oklch(0.721 0.103 3.4);
}
.element {
color: var(--reflecting-rose);
background-color: hsl(345 53% 70%);
border-color: oklch(0.721 0.103 3.4);
}Tailwind CSS v4
@theme {
--color-reflecting-rose: #db899e;
--color-reflecting-rose-50: #ffeaf1;
--color-reflecting-rose-100: #ffdae3;
--color-reflecting-rose-200: #fcc3ce;
--color-reflecting-rose-300: #e6a2b0;
--color-reflecting-rose-400: #d28498;
--color-reflecting-rose-500: #be677f;
--color-reflecting-rose-600: #a0586c;
--color-reflecting-rose-700: #814656;
--color-reflecting-rose-800: #5f3240;
--color-reflecting-rose-900: #43222c;
--color-reflecting-rose-950: #2b1119;
}SCSS
$reflecting-rose: #db899e;
$reflecting-rose-rgb: 219, 137, 158;
$reflecting-rose-light: mix(#fff, $reflecting-rose, 20%);
$reflecting-rose-dark: mix(#000, $reflecting-rose, 20%);
.element {
color: $reflecting-rose;
box-shadow: 0 0 0 2px rgba($reflecting-rose, 0.35);
}