Màu có tên · #DB899E
Reflecting Rose
Reflecting Rose là #DB899E: rgb(219 137 158), hsl(345 53% 70%), oklch(0.721 0.103 3.4). 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? → · Reflecting Rose color name →
#DB899E
oklch(0.721 0.103 3.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E095A7
- E4A1B1
- E8ACBA
- ECB8C4
- F0C4CD
- F3CFD7
- F6DBE1
- FAE7EB
- FCF3F5
Sắc đậm
- BE7689
- A26474
- 875360
- 6D424D
- 54313A
- 3C2229
- 261418
- 110709
- 020101
Sắc xám
- D2889B
- C98898
- C08795
- B78692
- AE868F
- A5858C
- 9C8489
- 938286
- 8A8183
Hòa sắc
Bổ túc +180°
- DB899E
Reflecting Rose
- 4BBAAB
≈ Tropical Escape
Tương đồng -30° +30°
- DB899E
Reflecting Rose
- CC8CC0
≈ Rock Star Pink
- DD8D7A
≈ Graceful Ballerina
Bộ ba +120° +240°
- DB899E
Reflecting Rose
- 98B065
≈ Herbal Garden
- 69ACE0
≈ Acapulco Dive
Bổ túc chia +150° +210°
- DB899E
Reflecting Rose
- 6FB886
≈ Frog Pond
- 48B5CC
≈ Blue Bobbin
Bộ bốn +90° +180° +270°
- DB899E
Reflecting Rose
- BBA354
≈ Tupelo Honey
- 4BBAAB
≈ Tropical Escape
- 90A0E6
≈ Cold Lips
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.59:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 8.08:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
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);
}