Nearest named color · #B1363A
#B1363A
Nearest named color: Bloodsport
#B1363A (rgb(177 54 58), hsl(358 53% 45%), oklch(0.516 0.159 22.9)) is closest to the named color Bloodsport. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B1363A
oklch(0.516 0.159 22.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- BB4D4D
- C5625F
- CE7672
- D78985
- DF9D99
- E6B0AD
- EDC4C1
- F4D7D5
- FAEBEA
Shades
- 992E31
- 832528
- 6C1E20
- 571618
- 420F10
- 2F0809
- 1C0304
- 0C0101
- 010000
Tones
- AE4142
- AA4A49
- A65250
- A25A57
- 9D615E
- 996865
- 936E6C
- 8D7472
- 877A79
Color harmonies
Complementary +180°
- B1363A
Bloodsport
- 00767E
≈ Hypnotic Sea
Analogous -30° +30°
- B1363A
Bloodsport
- A83670
≈ Plum Kingdom
- A04E00
≈ Burnt Bagel
Triadic +120° +240°
- B1363A
Bloodsport
- 1A7D1B
≈ Poblano
- 3462C2
≈ Janitor
Split-complementary +150° +210°
- B1363A
Bloodsport
- 007A62
≈ Ultramarine Green
- 00719B
≈ Tofino Belue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.07:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.45:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
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);
}