Color con nombre · #BC3033
Hot Jazz
Hot Jazz es #BC3033: rgb(188 48 51), hsl(359 59% 46%), oklch(0.529 0.177 24.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Hot Jazz color name →
#BC3033
oklch(0.529 0.177 24.6)
Conversiones de color
- HEX
- #bc3033
- RGB
- rgb(188 48 51)
- HSL
- hsl(359 59% 46%)
- HWB
- hwb(359 19% 26%)
- OKLCH
- oklch(0.529 0.177 24.6)
- OKLab
- oklab(0.529 0.161 0.074)
- CIE Lab
- lab(43.52 55.94 33.87)
- LCH
- lch(43.52 65.4 31.2)
- CMYK
- cmyk(0% 74% 73% 26%)
Tintes · Sombras · Tonos
Tintes
- C64A47
- CE605B
- D7756F
- DE8982
- E59D96
- ECB0AB
- F2C4BF
- F7D7D4
- FBEBEA
Sombras
- A3282B
- 8B2123
- 731A1C
- 5D1314
- 470C0D
- 320607
- 1F0303
- 0D0101
- 020000
Tonos
- B83D3C
- B34744
- AE504C
- A95954
- A3605B
- 9D6763
- 976E6A
- 907472
- 887A79
Armonías de color
Complementario +180°
- BC3033
Hot Jazz
- 007A84
≈ Mediterranean Cove
Análogo -30° +30°
- BC3033
Hot Jazz
- B33071
≈ Hibiscus
- A35200
≈ Windsor Brown
Triádico +120° +240°
- BC3033
Hot Jazz
- 00831E
≈ Office Green
- 3662D0
≈ Janitor
Complementario dividido +150° +210°
- BC3033
Hot Jazz
- 007E68
≈ Mediaeval Forest
- 0074A2
≈ Quarterdeck
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.81:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.60:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--hot-jazz: #bc3033;
--hot-jazz-rgb: 188 48 51;
--hot-jazz-oklch: oklch(0.529 0.177 24.6);
}
.element {
color: var(--hot-jazz);
background-color: hsl(359 59% 46%);
border-color: oklch(0.529 0.177 24.6);
}Tailwind CSS v4
@theme {
--color-hot-jazz: #bc3033;
--color-hot-jazz-50: #ffe3da;
--color-hot-jazz-100: #ffd2c9;
--color-hot-jazz-200: #ffb7ac;
--color-hot-jazz-300: #ff9186;
--color-hot-jazz-400: #f56e68;
--color-hot-jazz-500: #e34647;
--color-hot-jazz-600: #c03d3d;
--color-hot-jazz-700: #9b3130;
--color-hot-jazz-800: #732124;
--color-hot-jazz-900: #511618;
--color-hot-jazz-950: #360609;
}SCSS
$hot-jazz: #bc3033;
$hot-jazz-rgb: 188, 48, 51;
$hot-jazz-light: mix(#fff, $hot-jazz, 20%);
$hot-jazz-dark: mix(#000, $hot-jazz, 20%);
.element {
color: $hot-jazz;
box-shadow: 0 0 0 2px rgba($hot-jazz, 0.35);
}