Warna bernama terdekat · #C62317
#C62317
Warna bernama terdekat: Minestrone
#C62317 (rgb(198 35 23), hsl(4 79% 43%), oklch(0.534 0.199 29.6)) paling mendekati warna bernama Minestrone. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C62317
oklch(0.534 0.199 29.6)
Konversi warna
- HEX
- #c62317
- RGB
- rgb(198 35 23)
- HSL
- hsl(4 79% 43%)
- HWB
- hwb(4 9% 22%)
- OKLCH
- oklch(0.534 0.199 29.6)
- OKLab
- oklab(0.534 0.173 0.098)
- CIE Lab
- lab(43.98 61.98 50.11)
- LCH
- lch(43.98 79.7 39)
- CMYK
- cmyk(0% 82% 88% 22%)
Tint · Shade · Tone
Tint
- CF4334
- D75C4C
- DF7262
- E68778
- EC9B8E
- F1AFA4
- F6C3BA
- FAD7D1
- FDEBE8
Shade
- AC1D12
- 92170E
- 7A110A
- 620C06
- 4B0704
- 350402
- 210101
- 0E0000
- 020000
Tone
- C13528
- BB4234
- B64D3F
- B0564A
- A95F53
- A2665D
- 9B6D66
- 93746F
- 8A7A77
Harmoni warna
Komplementer +180°
- C62317
Minestrone
- 007B8A
≈ Biscay Bay
Analog -30° +30°
- C62317
Minestrone
- BF1F69
≈ Chaotic Roses
- A05800
≈ Sepia Wash
Triadik +120° +240°
- C62317
Minestrone
- 008339
≈ Warpstone Glow
- 425CDE
≈ Warm Blue
Split-komplementer +150° +210°
- C62317
Minestrone
- 007F6F
≈ Blue Green
- 0074AB
≈ Reef Escape
Tetradik +90° +180° +270°
- C62317
Minestrone
- 657600
≈ Topiary Green
- 007B8A
≈ Biscay Bay
- 8046CC
≈ Purple Rain
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.74:1 · APCA Lc 77
Ag
FailDi atas hitam
WCAG 3.65:1 · APCA Lc 25
Warna teks terbaik: #FFFFFF
WCAG 5.74:1 (AA) · APCA Lc 77
Contrast pairs
Cuplikan kode
CSS
:root {
--minestrone: #c62317;
--minestrone-rgb: 198 35 23;
--minestrone-oklch: oklch(0.534 0.199 29.6);
}
.element {
color: var(--minestrone);
background-color: hsl(4 79% 43%);
border-color: oklch(0.534 0.199 29.6);
}Tailwind CSS v4
@theme {
--color-minestrone: #c62317;
--color-minestrone-50: #ffe1d2;
--color-minestrone-100: #ffd0bf;
--color-minestrone-200: #ffb49f;
--color-minestrone-300: #ff8d76;
--color-minestrone-400: #fe6654;
--color-minestrone-500: #ed3829;
--color-minestrone-600: #c83225;
--color-minestrone-700: #a1281d;
--color-minestrone-800: #781a17;
--color-minestrone-900: #55120e;
--color-minestrone-950: #390203;
}SCSS
$minestrone: #c62317;
$minestrone-rgb: 198, 35, 23;
$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);
}