Named color · #B10E2A
Tango Red
Tango Red is #B10E2A: rgb(177 14 42), hsl(350 85% 37%), oklch(0.485 0.189 21.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Tango Red color name →
#B10E2A
oklch(0.485 0.189 21.6)
Color conversions
- HEX
- #b10e2a
- RGB
- rgb(177 14 42)
- HSL
- hsl(350 85% 37%)
- HWB
- hwb(350 5% 31%)
- OKLCH
- oklch(0.485 0.189 21.6)
- OKLab
- oklab(0.485 0.175 0.07)
- CIE Lab
- lab(38.26 60.44 32.85)
- LCH
- lch(38.26 68.79 28.5)
- CMYK
- cmyk(0% 92% 76% 31%)
Tints · Shades · Tones
Tints
- BC363F
- C65153
- D06868
- D97E7C
- E19491
- E9A9A6
- EFBEBC
- F5D4D2
- FBE9E8
Shades
- 990B23
- 83071C
- 6C0516
- 570310
- 42020A
- 2F0105
- 1C0002
- 0C0001
- 010000
Tones
- AE2834
- AB373D
- A74346
- A34E4E
- 9F5857
- 9A615F
- 956967
- 8F716F
- 887978
Color harmonies
Complementary +180°
- B10E2A
Tango Red
- 006C73
≈ Teal Motif
Analogous -30° +30°
- B10E2A
Tango Red
- A6156B
≈ Plum Paradise
- 944600
≈ Roux
Triadic +120° +240°
- B10E2A
Tango Red
- 107400
≈ Moth Green
- 1855C7
≈ Iridescent Blue
Split-complementary +150° +210°
- B10E2A
Tango Red
- 007058
≈ Teal Dark Green
- 00688D
≈ Pulsating Blue
Tetradic +90° +180° +270°
- B10E2A
Tango Red
- 616400
≈ Mud Green
- 006C73
≈ Teal Motif
- 653FBE
≈ Dragonlord Purple
Contrast & accessibility
Ag
AAAOn white
WCAG 7.08:1 · APCA Lc 82
Ag
FailOn black
WCAG 2.96:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--tango-red: #b10e2a;
--tango-red-rgb: 177 14 42;
--tango-red-oklch: oklch(0.485 0.189 21.6);
}
.element {
color: var(--tango-red);
background-color: hsl(350 85% 37%);
border-color: oklch(0.485 0.189 21.6);
}Tailwind CSS v4
@theme {
--color-tango-red: #b10e2a;
--color-tango-red-50: #ffe1db;
--color-tango-red-100: #ffd0ca;
--color-tango-red-200: #ffb4ad;
--color-tango-red-300: #ff8d88;
--color-tango-red-400: #fa686b;
--color-tango-red-500: #e93c4a;
--color-tango-red-600: #c43540;
--color-tango-red-700: #9e2b32;
--color-tango-red-800: #761d26;
--color-tango-red-900: #531319;
--color-tango-red-950: #37040a;
}SCSS
$tango-red: #b10e2a;
$tango-red-rgb: 177, 14, 42;
$tango-red-light: mix(#fff, $tango-red, 20%);
$tango-red-dark: mix(#000, $tango-red, 20%);
.element {
color: $tango-red;
box-shadow: 0 0 0 2px rgba($tango-red, 0.35);
}