لون مسمّى · #7F5153
Deep Rhubarb
Deep Rhubarb هو #7F5153: rgb(127 81 83)، hsl(357 22% 41%)، oklch(0.487 0.062 16.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Deep Rhubarb color name →
#7F5153
oklch(0.487 0.062 16.8)
تحويلات الألوان
- HEX
- #7f5153
- RGB
- rgb(127 81 83)
- HSL
- hsl(357 22% 41%)
- HWB
- hwb(357 32% 50%)
- OKLCH
- oklch(0.487 0.062 16.8)
- OKLab
- oklab(0.487 0.059 0.018)
- CIE Lab
- lab(39.82 20.03 7.25)
- LCH
- lch(39.82 21.3 19.9)
- CMYK
- cmyk(0% 36% 35% 50%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8C6163
- 997173
- A58283
- B29394
- BFA4A5
- CCB6B6
- D8C8C8
- E5DADA
- F2ECEC
درجات داكنة
- 6E4547
- 5D3A3B
- 4C2F30
- 3C2425
- 2D1A1B
- 1F1011
- 110708
- 060202
- 010000
درجات رمادية
- 805657
- 805B5C
- 805F60
- 816465
- 816969
- 816D6E
- 817272
- 817777
- 807B7B
تناسق الألوان
متمم +180°
- 7F5153
Deep Rhubarb
- 2E6A6B
≈ North Sea
متجاور -30° +30°
- 7F5153
Deep Rhubarb
- 7A5167
≈ Grey Carmine
- 7D5541
≈ Wild Stallion
ثلاثي +120° +240°
- 7F5153
Deep Rhubarb
- 4F6845
≈ Garden Cucumber
- 496183
≈ Climate Control
متمم منقسم +150° +210°
- 7F5153
Deep Rhubarb
- 3A6B58
≈ Toad King
- 36677B
≈ Byron Place
رباعي +90° +180° +270°
- 7F5153
Deep Rhubarb
- 646237
≈ Wood’s Creek
- 2E6A6B
≈ North Sea
- 5D5A81
≈ Psychic
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.55:1 · APCA Lc 82
Ag
Failعلى الأسود
WCAG 3.20:1 · APCA Lc 20
أفضل لون للنص: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--deep-rhubarb: #7f5153;
--deep-rhubarb-rgb: 127 81 83;
--deep-rhubarb-oklch: oklch(0.487 0.062 16.8);
}
.element {
color: var(--deep-rhubarb);
background-color: hsl(357 22% 41%);
border-color: oklch(0.487 0.062 16.8);
}Tailwind CSS v4
@theme {
--color-deep-rhubarb: #7f5153;
--color-deep-rhubarb-50: #ffefee;
--color-deep-rhubarb-100: #fce0e0;
--color-deep-rhubarb-200: #eecaca;
--color-deep-rhubarb-300: #d6abab;
--color-deep-rhubarb-400: #c09091;
--color-deep-rhubarb-500: #ab7678;
--color-deep-rhubarb-600: #916465;
--color-deep-rhubarb-700: #745051;
--color-deep-rhubarb-800: #563a3b;
--color-deep-rhubarb-900: #3c2729;
--color-deep-rhubarb-950: #261517;
}SCSS
$deep-rhubarb: #7f5153;
$deep-rhubarb-rgb: 127, 81, 83;
$deep-rhubarb-light: mix(#fff, $deep-rhubarb, 20%);
$deep-rhubarb-dark: mix(#000, $deep-rhubarb, 20%);
.element {
color: $deep-rhubarb;
box-shadow: 0 0 0 2px rgba($deep-rhubarb, 0.35);
}