Nazwany kolor · #B8383B
Red Team Spirit
Red Team Spirit to #B8383B: rgb(184 56 59), hsl(359 53% 47%), oklch(0.531 0.164 23.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red Team Spirit color name →
#B8383B
oklch(0.531 0.164 23.5)
Konwersje koloru
- HEX
- #b8383b
- RGB
- rgb(184 56 59)
- HSL
- hsl(359 53% 47%)
- HWB
- hwb(359 22% 28%)
- OKLCH
- oklch(0.531 0.164 23.5)
- OKLab
- oklab(0.531 0.151 0.065)
- CIE Lab
- lab(43.89 52.15 29.29)
- LCH
- lch(43.89 59.81 29.3)
- CMYK
- cmyk(0% 70% 68% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C24F4E
- CB6461
- D37873
- DB8B86
- E39E9A
- E9B2AD
- F0C5C1
- F5D8D6
- FBEBEA
Odcienie ciemniejsze
- A02F32
- 882729
- 711F21
- 5B1719
- 450F11
- 310809
- 1E0404
- 0C0101
- 020000
Tony
- B44343
- B04C4A
- AB5451
- A65B58
- A1625F
- 9B6965
- 956F6C
- 8F7573
- 887B79
Harmonie kolorów
Komplementarna +180°
- B8383B
Red Team Spirit
- 007B84
≈ Mediterranean Cove
Analogowa -30° +30°
- B8383B
Red Team Spirit
- AF3873
≈ Rich Maroon
- A55200
≈ Windsor Brown
Triada +120° +240°
- B8383B
Red Team Spirit
- 17821E
≈ Poblano
- 3865CA
≈ God of Rain
Komplementarna rozszczepiona +150° +210°
- B8383B
Red Team Spirit
- 007F67
≈ Generic Viridian
- 0075A1
≈ Summer Lake
Tetrada +90° +180° +270°
- B8383B
Red Team Spirit
- 6C7300
≈ Spinach Soup
- 007B84
≈ Mediterranean Cove
- 7353C0
≈ Fuchsia Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.72:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.66:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-team-spirit: #b8383b;
--red-team-spirit-rgb: 184 56 59;
--red-team-spirit-oklch: oklch(0.531 0.164 23.5);
}
.element {
color: var(--red-team-spirit);
background-color: hsl(359 53% 47%);
border-color: oklch(0.531 0.164 23.5);
}Tailwind CSS v4
@theme {
--color-red-team-spirit: #b8383b;
--color-red-team-spirit-50: #ffe4dd;
--color-red-team-spirit-100: #ffd3cc;
--color-red-team-spirit-200: #ffb9b0;
--color-red-team-spirit-300: #ff948c;
--color-red-team-spirit-400: #f0726f;
--color-red-team-spirit-500: #de4d4f;
--color-red-team-spirit-600: #bb4343;
--color-red-team-spirit-700: #973535;
--color-red-team-spirit-800: #702528;
--color-red-team-spirit-900: #4f191b;
--color-red-team-spirit-950: #34080b;
}SCSS
$red-team-spirit: #b8383b;
$red-team-spirit-rgb: 184, 56, 59;
$red-team-spirit-light: mix(#fff, $red-team-spirit, 20%);
$red-team-spirit-dark: mix(#000, $red-team-spirit, 20%);
.element {
color: $red-team-spirit;
box-shadow: 0 0 0 2px rgba($red-team-spirit, 0.35);
}