لون مسمّى · #773B4A
July Ruby
July Ruby هو #773B4A: rgb(119 59 74)، hsl(345 34% 35%)، oklch(0.433 0.085 5.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · July Ruby color name →
#773B4A
oklch(0.433 0.085 5.4)
تحويلات الألوان
- HEX
- #773b4a
- RGB
- rgb(119 59 74)
- HSL
- hsl(345 34% 35%)
- HWB
- hwb(345 23% 53%)
- OKLCH
- oklch(0.433 0.085 5.4)
- OKLab
- oklab(0.433 0.085 0.008)
- CIE Lab
- lab(33.25 28.03 3.48)
- LCH
- lch(33.25 28.25 7.1)
- CMYK
- cmyk(0% 50% 38% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 854D5A
- 93606B
- A1737C
- AE868E
- BC99A0
- C9ADB2
- D7C1C5
- E4D5D8
- F2EAEB
درجات داكنة
- 67323F
- 572935
- 47212A
- 381920
- 2A1117
- 1C090E
- 100406
- 050102
- 010000
درجات رمادية
- 79424F
- 7A4954
- 7C505A
- 7D575F
- 7E5E64
- 7F656A
- 7F6C6F
- 807275
- 80797A
تناسق الألوان
متمم +180°
- 773B4A
July Ruby
- 005E56
≈ Tidal Pool
متجاور -30° +30°
- 773B4A
July Ruby
- 6D3D63
≈ Berry Light
- 783E2F
≈ Cowboy Suede
ثلاثي +120° +240°
- 773B4A
July Ruby
- 465920
≈ Obscure Olive
- 22557C
≈ Blueberry Twist
متمم منقسم +150° +210°
- 773B4A
July Ruby
- 215E3C
≈ Greenbriar
- 005B6B
≈ Captive
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.37:1 · APCA Lc 89
Ag
Failعلى الأسود
WCAG 2.50:1 · APCA Lc 14
أفضل لون للنص: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--july-ruby: #773b4a;
--july-ruby-rgb: 119 59 74;
--july-ruby-oklch: oklch(0.433 0.085 5.4);
}
.element {
color: var(--july-ruby);
background-color: hsl(345 34% 35%);
border-color: oklch(0.433 0.085 5.4);
}Tailwind CSS v4
@theme {
--color-july-ruby: #773b4a;
--color-july-ruby-50: #ffecf1;
--color-july-ruby-100: #ffdde3;
--color-july-ruby-200: #f6c6ce;
--color-july-ruby-300: #dfa6af;
--color-july-ruby-400: #ca8997;
--color-july-ruby-500: #b66e7e;
--color-july-ruby-600: #9a5d6b;
--color-july-ruby-700: #7b4a55;
--color-july-ruby-800: #5b363f;
--color-july-ruby-900: #40252c;
--color-july-ruby-950: #281319;
}SCSS
$july-ruby: #773b4a;
$july-ruby-rgb: 119, 59, 74;
$july-ruby-light: mix(#fff, $july-ruby, 20%);
$july-ruby-dark: mix(#000, $july-ruby, 20%);
.element {
color: $july-ruby;
box-shadow: 0 0 0 2px rgba($july-ruby, 0.35);
}