لون مسمّى · #8F3129
Potion № 9
Potion № 9 هو #8F3129: rgb(143 49 41)، hsl(5 55% 36%)، oklch(0.449 0.129 28.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Potion № 9 color name →
#8F3129
oklch(0.449 0.129 28.2)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9C473D
- A85B51
- B56F66
- C0837A
- CC978F
- D7ABA5
- E1C0BB
- EBD5D1
- F5EAE8
درجات داكنة
- 7C2922
- 69221C
- 571A15
- 45130F
- 340C09
- 240605
- 150302
- 070101
- 010000
درجات رمادية
- 8F3B32
- 8F443B
- 8E4C44
- 8D544D
- 8C5C55
- 8A635E
- 886B66
- 86726F
- 837977
تناسق الألوان
متمم +180°
- 8F3129
Potion № 9
- 00616C
≈ Turkish Aqua
متجاور -30° +30°
- 8F3129
Potion № 9
- 8A2F55
≈ Rosebud Cherry
- 804300
≈ Russet
ثلاثي +120° +240°
- 8F3129
Potion № 9
- 016727
≈ Paradise Palms
- 374E9C
≈ Dazzling Blue
متمم منقسم +150° +210°
- 8F3129
Potion № 9
- 006455
≈ Philodendron
- 005C86
≈ Impulse
رباعي +90° +180° +270°
- 8F3129
Potion № 9
- 505C00
≈ Greensboro
- 00616C
≈ Turkish Aqua
- 5F4192
≈ Daisy Bush
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.95:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.63:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
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);
}