لون مسمّى · #770011
Blood Brother
Blood Brother هو #770011: rgb(119 0 17)، hsl(351 100% 23%)، oklch(0.359 0.145 24). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Blood Brother color name →
#770011
oklch(0.359 0.145 24)
تحويلات الألوان
- HEX
- #770011
- RGB
- rgb(119 0 17)
- HSL
- hsl(351 100% 23%)
- HWB
- hwb(351 0% 53%)
- OKLCH
- oklch(0.359 0.145 24)
- OKLab
- oklab(0.359 0.133 0.059)
- CIE Lab
- lab(24.12 46.25 29.19)
- LCH
- lch(24.12 54.69 32.3)
- CMYK
- cmyk(0% 100% 86% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 872728
- 96413E
- A55854
- B3706B
- C18782
- CE9E9A
- DBB6B3
- E8CECC
- F3E6E5
درجات داكنة
- 67000D
- 570009
- 470006
- 380004
- 2A0002
- 1C0001
- 100000
- 050000
- 010000
درجات رمادية
- 7A1A1E
- 7D2929
- 7F3634
- 80423E
- 824D49
- 825754
- 83625F
- 826C6A
- 827675
تناسق الألوان
متمم +180°
- 770011
Blood Brother
- 00464C
≈ Incubi Darkness
متجاور -30° +30°
- 770011
Blood Brother
- 700342
≈ Dawn of the Fairies
- 602D00
≈ Count Chocula
ثلاثي +120° +240°
- 770011
Blood Brother
- 004B0A
≈ Kabocha Green
- 133487
≈ Magnus Blue
متمم منقسم +150° +210°
- 770011
Blood Brother
- 00483A
≈ Sherwood Green
- 00425E
≈ Neptune’s Wrath
رباعي +90° +180° +270°
- 770011
Blood Brother
- 3D4100
≈ Green Not Found
- 00464C
≈ Incubi Darkness
- 44247F
≈ Galactic Civilization
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.71:1 · APCA Lc 95
Ag
Failعلى الأسود
WCAG 1.79:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blood-brother: #770011;
--blood-brother-rgb: 119 0 17;
--blood-brother-oklch: oklch(0.359 0.145 24);
}
.element {
color: var(--blood-brother);
background-color: hsl(351 100% 23%);
border-color: oklch(0.359 0.145 24);
}Tailwind CSS v4
@theme {
--color-blood-brother: #770011;
--color-blood-brother-50: #ffe6e0;
--color-blood-brother-100: #ffd6cf;
--color-blood-brother-200: #ffbdb4;
--color-blood-brother-300: #f99990;
--color-blood-brother-400: #e87974;
--color-blood-brother-500: #d55755;
--color-blood-brother-600: #b44b48;
--color-blood-brother-700: #913c39;
--color-blood-brother-800: #6c2a2b;
--color-blood-brother-900: #4c1c1d;
--color-blood-brother-950: #320c0d;
}SCSS
$blood-brother: #770011;
$blood-brother-rgb: 119, 0, 17;
$blood-brother-light: mix(#fff, $blood-brother, 20%);
$blood-brother-dark: mix(#000, $blood-brother, 20%);
.element {
color: $blood-brother;
box-shadow: 0 0 0 2px rgba($blood-brother, 0.35);
}