Benannte Farbe · #C72616
Minestrone
Minestrone ist #C72616: rgb(199 38 22), hsl(5 80% 43%), oklch(0.538 0.198 30.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Minestrone color name →
#C72616
oklch(0.538 0.198 30.2)
Farbumrechnungen
- HEX
- #c72616
- RGB
- rgb(199 38 22)
- HSL
- hsl(5 80% 43%)
- HWB
- hwb(5 9% 22%)
- OKLCH
- oklch(0.538 0.198 30.2)
- OKLab
- oklab(0.538 0.171 0.1)
- CIE Lab
- lab(44.44 61.53 50.97)
- LCH
- lch(44.44 79.89 39.6)
- CMYK
- cmyk(0% 81% 89% 22%)
Tints · Shades · Tones
Tints
- D04534
- D85D4C
- DF7362
- E68878
- EC9C8E
- F1B0A4
- F6C4BA
- FAD7D1
- FDEBE8
Shades
- AD2012
- 93190D
- 7A1309
- 620D06
- 4C0803
- 360402
- 210201
- 0E0100
- 020000
Tones
- C23727
- BC4434
- B64E3F
- B0574A
- A95F53
- A2675D
- 9B6E66
- 93746F
- 8A7A77
Farbharmonien
Komplementär +180°
- C72616
Minestrone
- 007C8C
≈ Metallic Seaweed
Analog -30° +30°
- C72616
Minestrone
- C02169
≈ Chaotic Roses
- A15900
≈ Windsor Brown
Triadisch +120° +240°
- C72616
Minestrone
- 00843C
≈ Philippine Green
- 455DDE
≈ Warm Blue
Geteilt komplementär +150° +210°
- C72616
Minestrone
- 008070
≈ Tropical Green
- 0075AE
≈ Reef Escape
Tetradisch +90° +180° +270°
- C72616
Minestrone
- 657800
≈ Topiary Green
- 007C8C
≈ Metallic Seaweed
- 8247CD
≈ Purple Rain
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.64:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.71:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--minestrone: #c72616;
--minestrone-rgb: 199 38 22;
--minestrone-oklch: oklch(0.538 0.198 30.2);
}
.element {
color: var(--minestrone);
background-color: hsl(5 80% 43%);
border-color: oklch(0.538 0.198 30.2);
}Tailwind CSS v4
@theme {
--color-minestrone: #c72616;
--color-minestrone-50: #ffe1d2;
--color-minestrone-100: #ffd0be;
--color-minestrone-200: #ffb49e;
--color-minestrone-300: #ff8d75;
--color-minestrone-400: #fd6752;
--color-minestrone-500: #ec3926;
--color-minestrone-600: #c83323;
--color-minestrone-700: #a1291c;
--color-minestrone-800: #781b16;
--color-minestrone-900: #55120e;
--color-minestrone-950: #390302;
}SCSS
$minestrone: #c72616;
$minestrone-rgb: 199, 38, 22;
$minestrone-light: mix(#fff, $minestrone, 20%);
$minestrone-dark: mix(#000, $minestrone, 20%);
.element {
color: $minestrone;
box-shadow: 0 0 0 2px rgba($minestrone, 0.35);
}