Màu có tên · #D28085
Victorian Rouge
Victorian Rouge là #D28085: rgb(210 128 133), hsl(356 48% 66%), oklch(0.688 0.102 16.1). 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? → · Victorian Rouge color name →
#D28085
oklch(0.688 0.102 16.1)
Chuyển đổi màu
- HEX
- #d28085
- RGB
- rgb(210 128 133)
- HSL
- hsl(356 48% 66%)
- HWB
- hwb(356 50% 18%)
- OKLCH
- oklch(0.688 0.102 16.1)
- OKLab
- oklab(0.688 0.098 0.028)
- CIE Lab
- lab(62.71 32.94 11.54)
- LCH
- lch(62.71 34.9 19.3)
- CMYK
- cmyk(0% 39% 37% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D88D91
- DD999C
- E2A6A8
- E7B2B4
- EBBFC0
- F0CCCD
- F4D8D9
- F8E5E6
- FCF2F2
Sắc đậm
- B66E73
- 9B5D61
- 814D50
- 683D40
- 502E30
- 391F21
- 241213
- 100606
- 020101
Sắc xám
- CA8085
- C28184
- BA8184
- B28183
- AA8183
- A28182
- 9A8182
- 918181
- 898081
Hòa sắc
Bổ túc +180°
- D28085
Victorian Rouge
- 39AEAF
≈ Pluto
Tương đồng -30° +30°
- D28085
Victorian Rouge
- C881A8
≈ Moonlight Mauve
- CF8664
≈ Escalope
Bộ ba +120° +240°
- D28085
Victorian Rouge
- 7EA969
≈ Organic Green
- 709DD9
≈ Ice Blue
Bổ túc chia +150° +210°
- D28085
Victorian Rouge
- 54AF8C
≈ O’grady Green
- 4AA7CB
≈ Mystic Blue
Bộ bốn +90° +180° +270°
- D28085
Victorian Rouge
- A39F50
≈ Reed Green
- 39AEAF
≈ Pluto
- 9591D7
≈ Portage
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.93:1 · APCA Lc 56
Ag
AAATrên nền đen
WCAG 7.16:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
CSS
:root {
--victorian-rouge: #d28085;
--victorian-rouge-rgb: 210 128 133;
--victorian-rouge-oklch: oklch(0.688 0.102 16.1);
}
.element {
color: var(--victorian-rouge);
background-color: hsl(356 48% 66%);
border-color: oklch(0.688 0.102 16.1);
}Tailwind CSS v4
@theme {
--color-victorian-rouge: #d28085;
--color-victorian-rouge-50: #ffeaea;
--color-victorian-rouge-100: #ffdbdb;
--color-victorian-rouge-200: #fdc3c4;
--color-victorian-rouge-300: #e7a3a4;
--color-victorian-rouge-400: #d4858a;
--color-victorian-rouge-500: #c0686f;
--color-victorian-rouge-600: #a2595e;
--color-victorian-rouge-700: #82474b;
--color-victorian-rouge-800: #613337;
--color-victorian-rouge-900: #442326;
--color-victorian-rouge-950: #2c1114;
}SCSS
$victorian-rouge: #d28085;
$victorian-rouge-rgb: 210, 128, 133;
$victorian-rouge-light: mix(#fff, $victorian-rouge, 20%);
$victorian-rouge-dark: mix(#000, $victorian-rouge, 20%);
.element {
color: $victorian-rouge;
box-shadow: 0 0 0 2px rgba($victorian-rouge, 0.35);
}