Color con nombre más cercano · #B1363A
#B1363A
Color con nombre más cercano: Bloodsport
#B1363A (rgb(177 54 58), hsl(358 53% 45%), oklch(0.516 0.159 22.9)) se parece más al color con nombre Bloodsport. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B1363A
oklch(0.516 0.159 22.9)
Conversiones de color
- HEX
- #b1363a
- RGB
- rgb(177 54 58)
- HSL
- hsl(358 53% 45%)
- HWB
- hwb(358 21% 31%)
- OKLCH
- oklch(0.516 0.159 22.9)
- OKLab
- oklab(0.516 0.146 0.062)
- CIE Lab
- lab(42.28 50.55 27.61)
- LCH
- lch(42.28 57.6 28.6)
- CMYK
- cmyk(0% 69% 67% 31%)
Tintes · Sombras · Tonos
Tintes
- BB4D4D
- C5625F
- CE7672
- D78985
- DF9D99
- E6B0AD
- EDC4C1
- F4D7D5
- FAEBEA
Sombras
- 992E31
- 832528
- 6C1E20
- 571618
- 420F10
- 2F0809
- 1C0304
- 0C0101
- 010000
Tonos
- AE4142
- AA4A49
- A65250
- A25A57
- 9D615E
- 996865
- 936E6C
- 8D7472
- 877A79
Armonías de color
Complementario +180°
- B1363A
Bloodsport
- 00767E
≈ Hypnotic Sea
Análogo -30° +30°
- B1363A
Bloodsport
- A83670
≈ Plum Kingdom
- A04E00
≈ Burnt Bagel
Triádico +120° +240°
- B1363A
Bloodsport
- 1A7D1B
≈ Poblano
- 3462C2
≈ Janitor
Complementario dividido +150° +210°
- B1363A
Bloodsport
- 007A62
≈ Ultramarine Green
- 00719B
≈ Tofino Belue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.07:1 · APCA Lc 79
Ag
FailSobre negro
WCAG 3.45:1 · APCA Lc 23
Mejor color de texto: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--bloodsport: #b1363a;
--bloodsport-rgb: 177 54 58;
--bloodsport-oklch: oklch(0.516 0.159 22.9);
}
.element {
color: var(--bloodsport);
background-color: hsl(358 53% 45%);
border-color: oklch(0.516 0.159 22.9);
}Tailwind CSS v4
@theme {
--color-bloodsport: #b1363a;
--color-bloodsport-50: #ffe4de;
--color-bloodsport-100: #ffd4cd;
--color-bloodsport-200: #ffbab2;
--color-bloodsport-300: #fe968e;
--color-bloodsport-400: #ee7471;
--color-bloodsport-500: #dc5052;
--color-bloodsport-600: #b94546;
--color-bloodsport-700: #953738;
--color-bloodsport-800: #6f262a;
--color-bloodsport-900: #4e1a1c;
--color-bloodsport-950: #34090c;
}SCSS
$bloodsport: #b1363a;
$bloodsport-rgb: 177, 54, 58;
$bloodsport-light: mix(#fff, $bloodsport, 20%);
$bloodsport-dark: mix(#000, $bloodsport, 20%);
.element {
color: $bloodsport;
box-shadow: 0 0 0 2px rgba($bloodsport, 0.35);
}