Adlandırılmış renk · #770011
Blood Brother
Blood Brother, #770011: rgb(119 0 17), hsl(351 100% 23%), oklch(0.359 0.145 24). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Blood Brother color name →
#770011
oklch(0.359 0.145 24)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 872728
- 96413E
- A55854
- B3706B
- C18782
- CE9E9A
- DBB6B3
- E8CECC
- F3E6E5
Koyu tonlar
- 67000D
- 570009
- 470006
- 380004
- 2A0002
- 1C0001
- 100000
- 050000
- 010000
Gri tonlar
- 7A1A1E
- 7D2929
- 7F3634
- 80423E
- 824D49
- 825754
- 83625F
- 826C6A
- 827675
Renk uyumları
Tamamlayıcı +180°
- 770011
Blood Brother
- 00464C
≈ Incubi Darkness
Analog -30° +30°
- 770011
Blood Brother
- 700342
≈ Dawn of the Fairies
- 602D00
≈ Count Chocula
Üçlü +120° +240°
- 770011
Blood Brother
- 004B0A
≈ Kabocha Green
- 133487
≈ Magnus Blue
Bölünmüş tamamlayıcı +150° +210°
- 770011
Blood Brother
- 00483A
≈ Sherwood Green
- 00425E
≈ Neptune’s Wrath
Dörtlü +90° +180° +270°
- 770011
Blood Brother
- 3D4100
≈ Green Not Found
- 00464C
≈ Incubi Darkness
- 44247F
≈ Galactic Civilization
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.71:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.79:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
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);
}