Warna bernama · #8F3129
Potion № 9
Potion № 9 adalah #8F3129: rgb(143 49 41), hsl(5 55% 36%), oklch(0.449 0.129 28.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Potion № 9 color name →
#8F3129
oklch(0.449 0.129 28.2)
Konversi warna
- HEX
- #8f3129
- RGB
- rgb(143 49 41)
- HSL
- hsl(5 55% 36%)
- HWB
- hwb(5 16% 44%)
- OKLCH
- oklch(0.449 0.129 28.2)
- OKLab
- oklab(0.449 0.114 0.061)
- CIE Lab
- lab(34.9 40.09 27.43)
- LCH
- lch(34.9 48.58 34.4)
- CMYK
- cmyk(0% 66% 71% 44%)
Tint · Shade · Tone
Tint
- 9C473D
- A85B51
- B56F66
- C0837A
- CC978F
- D7ABA5
- E1C0BB
- EBD5D1
- F5EAE8
Shade
- 7C2922
- 69221C
- 571A15
- 45130F
- 340C09
- 240605
- 150302
- 070101
- 010000
Tone
- 8F3B32
- 8F443B
- 8E4C44
- 8D544D
- 8C5C55
- 8A635E
- 886B66
- 86726F
- 837977
Harmoni warna
Komplementer +180°
- 8F3129
Potion № 9
- 00616C
≈ Turkish Aqua
Analog -30° +30°
- 8F3129
Potion № 9
- 8A2F55
≈ Rosebud Cherry
- 804300
≈ Russet
Triadik +120° +240°
- 8F3129
Potion № 9
- 016727
≈ Paradise Palms
- 374E9C
≈ Dazzling Blue
Split-komplementer +150° +210°
- 8F3129
Potion № 9
- 006455
≈ Philodendron
- 005C86
≈ Impulse
Tetradik +90° +180° +270°
- 8F3129
Potion № 9
- 505C00
≈ Greensboro
- 00616C
≈ Turkish Aqua
- 5F4192
≈ Daisy Bush
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.95:1 · APCA Lc 87
Ag
FailDi atas hitam
WCAG 2.63:1 · APCA Lc 15
Warna teks terbaik: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
CSS
:root {
--potion-no-9: #8f3129;
--potion-no-9-rgb: 143 49 41;
--potion-no-9-oklch: oklch(0.449 0.129 28.2);
}
.element {
color: var(--potion-no-9);
background-color: hsl(5 55% 36%);
border-color: oklch(0.449 0.129 28.2);
}Tailwind CSS v4
@theme {
--color-potion-no-9: #8f3129;
--color-potion-no-9-50: #ffe8df;
--color-potion-no-9-100: #ffd9cf;
--color-potion-no-9-200: #ffc0b4;
--color-potion-no-9-300: #f29e90;
--color-potion-no-9-400: #e07f73;
--color-potion-no-9-500: #ce6054;
--color-potion-no-9-600: #ae5247;
--color-potion-no-9-700: #8c4139;
--color-potion-no-9-800: #682e2a;
--color-potion-no-9-900: #491f1c;
--color-potion-no-9-950: #300f0c;
}SCSS
$potion-no-9: #8f3129;
$potion-no-9-rgb: 143, 49, 41;
$potion-no-9-light: mix(#fff, $potion-no-9, 20%);
$potion-no-9-dark: mix(#000, $potion-no-9, 20%);
.element {
color: $potion-no-9;
box-shadow: 0 0 0 2px rgba($potion-no-9, 0.35);
}