Color con nombre · #A2423D
Tomato Slices
Tomato Slices es #A2423D: rgb(162 66 61), hsl(3 45% 44%), oklch(0.507 0.129 25.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tomato Slices color name →
#A2423D
oklch(0.507 0.129 25.7)
Conversiones de color
- HEX
- #a2423d
- RGB
- rgb(162 66 61)
- HSL
- hsl(3 45% 44%)
- HWB
- hwb(3 24% 36%)
- OKLCH
- oklch(0.507 0.129 25.7)
- OKLab
- oklab(0.507 0.116 0.056)
- CIE Lab
- lab(41.58 40.32 24.19)
- LCH
- lch(41.58 47.02 31)
- CMYK
- cmyk(0% 59% 62% 36%)
Tintes · Sombras · Tonos
Tintes
- AD554F
- B86861
- C27B74
- CC8D87
- D5A09A
- DEB3AE
- E7C5C2
- EFD8D6
- F7ECEA
Sombras
- 8C3834
- 772F2B
- 632522
- 4F1C1A
- 3C1412
- 2A0B0A
- 190504
- 0A0101
- 010000
Tonos
- A04A44
- 9D514B
- 9B5752
- 985E58
- 95645F
- 916A66
- 8E706C
- 8A7573
- 857B79
Armonías de color
Complementario +180°
- A2423D
Tomato Slices
- 00737D
≈ Night Scape
Análogo -30° +30°
- A2423D
Tomato Slices
- 9C4168
≈ Satsuma Imo Red
- 994E00
≈ Warm Brown
Triádico +120° +240°
- A2423D
Tomato Slices
- 297833
≈ Japanese Laurel
- 4261AE
≈ Kakitsubata Blue
Complementario dividido +150° +210°
- A2423D
Tomato Slices
- 007763
≈ Teal Waters
- 006E9A
≈ Disarm
Tetrádico +90° +180° +270°
- A2423D
Tomato Slices
- 636C00
≈ Brownish Green
- 00737D
≈ Night Scape
- 6C53A6
≈ Prophet Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.20:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.38:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--tomato-slices: #a2423d;
--tomato-slices-rgb: 162 66 61;
--tomato-slices-oklch: oklch(0.507 0.129 25.7);
}
.element {
color: var(--tomato-slices);
background-color: hsl(3 45% 44%);
border-color: oklch(0.507 0.129 25.7);
}Tailwind CSS v4
@theme {
--color-tomato-slices: #a2423d;
--color-tomato-slices-50: #ffe8e1;
--color-tomato-slices-100: #ffd8d0;
--color-tomato-slices-200: #ffc0b6;
--color-tomato-slices-300: #f29e93;
--color-tomato-slices-400: #e07f76;
--color-tomato-slices-500: #ce5f58;
--color-tomato-slices-600: #ae514b;
--color-tomato-slices-700: #8b413c;
--color-tomato-slices-800: #682e2c;
--color-tomato-slices-900: #491f1e;
--color-tomato-slices-950: #300e0e;
}SCSS
$tomato-slices: #a2423d;
$tomato-slices-rgb: 162, 66, 61;
$tomato-slices-light: mix(#fff, $tomato-slices, 20%);
$tomato-slices-dark: mix(#000, $tomato-slices, 20%);
.element {
color: $tomato-slices;
box-shadow: 0 0 0 2px rgba($tomato-slices, 0.35);
}