Cor nomeada · #B21807
Tomato Sauce
Tomato Sauce é #B21807: rgb(178 24 7), hsl(6 92% 36%), oklch(0.489 0.188 30.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tomato Sauce color name →
#B21807
oklch(0.489 0.188 30.5)
Conversões de cor
- HEX
- #b21807
- RGB
- rgb(178 24 7)
- HSL
- hsl(6 92% 36%)
- HWB
- hwb(6 3% 30%)
- OKLCH
- oklch(0.489 0.188 30.5)
- OKLab
- oklab(0.489 0.162 0.095)
- CIE Lab
- lab(38.85 58.53 50.88)
- LCH
- lch(38.85 77.55 41)
- CMYK
- cmyk(0% 87% 96% 30%)
Tons claros · Sombras · Tons
Tons claros
- BD3B2A
- C75443
- D06B5B
- D98071
- E19688
- E9AB9F
- EFC0B7
- F5D5CF
- FBEAE7
Sombras
- 9A1305
- 830F04
- 6D0A02
- 570702
- 430401
- 2F0200
- 1D0100
- 0C0000
- 010000
Tons
- AF2D1E
- AC3B2C
- A84638
- A45143
- 9F5A4E
- 9A6258
- 956A62
- 8F726C
- 887976
Harmonias de cor
Complementar +180°
- B21807
Tomato Sauce
- 006D7B
≈ Carnival Night
Análoga -30° +30°
- B21807
Tomato Sauce
- AC135B
≈ Plum Perfect
- 8D4E00
≈ Plain Old Brown
Tríade +120° +240°
- B21807
Tomato Sauce
- 007434
≈ Clear Green
- 3B4FC8
≈ Free Speech Blue
Complementar dividida +150° +210°
- B21807
Tomato Sauce
- 007062
≈ Falcon Turquoise
- 006699
≈ Impulse Blue
Tétrade +90° +180° +270°
- B21807
Tomato Sauce
- 576900
≈ Serrano Pepper
- 006D7B
≈ Carnival Night
- 733AB8
≈ Shredder Lavender
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.93:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.02:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--tomato-sauce: #b21807;
--tomato-sauce-rgb: 178 24 7;
--tomato-sauce-oklch: oklch(0.489 0.188 30.5);
}
.element {
color: var(--tomato-sauce);
background-color: hsl(6 92% 36%);
border-color: oklch(0.489 0.188 30.5);
}Tailwind CSS v4
@theme {
--color-tomato-sauce: #b21807;
--color-tomato-sauce-50: #ffe2d3;
--color-tomato-sauce-100: #ffd1c0;
--color-tomato-sauce-200: #ffb6a1;
--color-tomato-sauce-300: #ff9078;
--color-tomato-sauce-400: #f96b56;
--color-tomato-sauce-500: #e8412d;
--color-tomato-sauce-600: #c43928;
--color-tomato-sauce-700: #9e2e20;
--color-tomato-sauce-800: #761f18;
--color-tomato-sauce-900: #531510;
--color-tomato-sauce-950: #370503;
}SCSS
$tomato-sauce: #b21807;
$tomato-sauce-rgb: 178, 24, 7;
$tomato-sauce-light: mix(#fff, $tomato-sauce, 20%);
$tomato-sauce-dark: mix(#000, $tomato-sauce, 20%);
.element {
color: $tomato-sauce;
box-shadow: 0 0 0 2px rgba($tomato-sauce, 0.35);
}