لون مسمّى · #D28085
Victorian Rouge
Victorian Rouge هو #D28085: rgb(210 128 133)، hsl(356 48% 66%)، oklch(0.688 0.102 16.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Victorian Rouge color name →
#D28085
oklch(0.688 0.102 16.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D88D91
- DD999C
- E2A6A8
- E7B2B4
- EBBFC0
- F0CCCD
- F4D8D9
- F8E5E6
- FCF2F2
درجات داكنة
- B66E73
- 9B5D61
- 814D50
- 683D40
- 502E30
- 391F21
- 241213
- 100606
- 020101
درجات رمادية
- CA8085
- C28184
- BA8184
- B28183
- AA8183
- A28182
- 9A8182
- 918181
- 898081
تناسق الألوان
متمم +180°
- D28085
Victorian Rouge
- 39AEAF
≈ Pluto
متجاور -30° +30°
- D28085
Victorian Rouge
- C881A8
≈ Moonlight Mauve
- CF8664
≈ Escalope
ثلاثي +120° +240°
- D28085
Victorian Rouge
- 7EA969
≈ Organic Green
- 709DD9
≈ Ice Blue
متمم منقسم +150° +210°
- D28085
Victorian Rouge
- 54AF8C
≈ O’grady Green
- 4AA7CB
≈ Mystic Blue
رباعي +90° +180° +270°
- D28085
Victorian Rouge
- A39F50
≈ Reed Green
- 39AEAF
≈ Pluto
- 9591D7
≈ Portage
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.93:1 · APCA Lc 56
Ag
AAAعلى الأسود
WCAG 7.16:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
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);
}