Colore con nome · #770011
Blood Brother
Blood Brother è #770011: rgb(119 0 17), hsl(351 100% 23%), oklch(0.359 0.145 24). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Blood Brother color name →
#770011
oklch(0.359 0.145 24)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 872728
- 96413E
- A55854
- B3706B
- C18782
- CE9E9A
- DBB6B3
- E8CECC
- F3E6E5
Ombre
- 67000D
- 570009
- 470006
- 380004
- 2A0002
- 1C0001
- 100000
- 050000
- 010000
Toni
- 7A1A1E
- 7D2929
- 7F3634
- 80423E
- 824D49
- 825754
- 83625F
- 826C6A
- 827675
Armonie di colore
Complementare +180°
- 770011
Blood Brother
- 00464C
≈ Incubi Darkness
Analogo -30° +30°
- 770011
Blood Brother
- 700342
≈ Dawn of the Fairies
- 602D00
≈ Count Chocula
Triadico +120° +240°
- 770011
Blood Brother
- 004B0A
≈ Kabocha Green
- 133487
≈ Magnus Blue
Complementare divisa +150° +210°
- 770011
Blood Brother
- 00483A
≈ Sherwood Green
- 00425E
≈ Neptune’s Wrath
Tetradico +90° +180° +270°
- 770011
Blood Brother
- 3D4100
≈ Green Not Found
- 00464C
≈ Incubi Darkness
- 44247F
≈ Galactic Civilization
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.71:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
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);
}