Color con nombre · #B8524B
Blazer
Blazer es #B8524B: rgb(184 82 75), hsl(4 43% 51%), oklch(0.567 0.134 26.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Blazer color name →
#B8524B
oklch(0.567 0.134 26.1)
Conversiones de color
- HEX
- #b8524b
- RGB
- rgb(184 82 75)
- HSL
- hsl(4 43% 51%)
- HWB
- hwb(4 29% 28%)
- OKLCH
- oklch(0.567 0.134 26.1)
- OKLab
- oklab(0.567 0.12 0.059)
- CIE Lab
- lab(48.44 41.75 25.31)
- LCH
- lch(48.44 48.82 31.2)
- CMYK
- cmyk(0% 55% 59% 28%)
Tintes · Sombras · Tonos
Tintes
- C1645C
- C9756D
- D1867F
- D99790
- E0A9A2
- E7BAB4
- EECBC7
- F4DCD9
- FAEDEC
Sombras
- A04640
- 883B35
- 712F2B
- 5B2521
- 451A17
- 31110E
- 1E0806
- 0C0202
- 020000
Tonos
- B35851
- AF5D56
- AA635C
- A56761
- 9F6C66
- 9A706C
- 947471
- 8E7876
- 877C7B
Armonías de color
Complementario +180°
- B8524B
Blazer
- 008692
≈ Blue Slushie
Análogo -30° +30°
- B8524B
Blazer
- B25079
≈ Diva Glam
- B05E0E
≈ Orangish Brown
Triádico +120° +240°
- B8524B
Blazer
- 378B43
≈ Turf Green
- 5172C5
≈ Indigo Light
Complementario dividido +150° +210°
- B8524B
Blazer
- 008A74
≈ Industrial Turquoise
- 0080B4
≈ Primal Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.83:1 · APCA Lc 73
Ag
FailSobre negro
WCAG 4.34:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--blazer: #b8524b;
--blazer-rgb: 184 82 75;
--blazer-oklch: oklch(0.567 0.134 26.1);
}
.element {
color: var(--blazer);
background-color: hsl(4 43% 51%);
border-color: oklch(0.567 0.134 26.1);
}Tailwind CSS v4
@theme {
--color-blazer: #b8524b;
--color-blazer-50: #ffe8e0;
--color-blazer-100: #ffd8cf;
--color-blazer-200: #ffbfb4;
--color-blazer-300: #f49d91;
--color-blazer-400: #e37d74;
--color-blazer-500: #d05d55;
--color-blazer-600: #b05049;
--color-blazer-700: #8d3f3a;
--color-blazer-800: #692d2b;
--color-blazer-900: #4a1e1d;
--color-blazer-950: #300e0d;
}SCSS
$blazer: #b8524b;
$blazer-rgb: 184, 82, 75;
$blazer-light: mix(#fff, $blazer, 20%);
$blazer-dark: mix(#000, $blazer, 20%);
.element {
color: $blazer;
box-shadow: 0 0 0 2px rgba($blazer, 0.35);
}