لون مسمّى · #AA4433
Chipolata
Chipolata هو #AA4433: rgb(170 68 51)، hsl(9 54% 43%)، oklch(0.521 0.138 31.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Chipolata color name →
#AA4433
oklch(0.521 0.138 31.6)
تحويلات الألوان
- HEX
- #aa4433
- RGB
- rgb(170 68 51)
- HSL
- hsl(9 54% 43%)
- HWB
- hwb(9 20% 33%)
- OKLCH
- oklch(0.521 0.138 31.6)
- OKLab
- oklab(0.521 0.117 0.072)
- CIE Lab
- lab(43.19 41.94 32.41)
- LCH
- lch(43.19 53.01 37.7)
- CMYK
- cmyk(0% 60% 70% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B45847
- BE6A5B
- C87D6E
- D18F82
- DAA296
- E2B4AB
- EAC7BF
- F1D9D4
- F8ECE9
درجات داكنة
- 933A2B
- 7D3023
- 68261C
- 531D14
- 3F140D
- 2D0C07
- 1B0503
- 0B0201
- 010000
درجات رمادية
- A74C3C
- A45344
- A0594C
- 9D6054
- 99655B
- 956B63
- 90716A
- 8B7671
- 867B79
تناسق الألوان
متمم +180°
- AA4433
Chipolata
- 007787
≈ Biscay Bay
متجاور -30° +30°
- AA4433
Chipolata
- A64064
≈ Rouge Like
- 995600
≈ Charlie Brown
ثلاثي +120° +240°
- AA4433
Chipolata
- 017F3E
≈ Charmed Green
- 4E61B8
≈ Chinese Bellflower
متمم منقسم +150° +210°
- AA4433
Chipolata
- 007A6D
≈ Pond Moss
- 0070A9
≈ Bowen Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.85:1 · APCA Lc 79
Ag
Failعلى الأسود
WCAG 3.58:1 · APCA Lc 23
أفضل لون للنص: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chipolata: #aa4433;
--chipolata-rgb: 170 68 51;
--chipolata-oklch: oklch(0.521 0.138 31.6);
}
.element {
color: var(--chipolata);
background-color: hsl(9 54% 43%);
border-color: oklch(0.521 0.138 31.6);
}Tailwind CSS v4
@theme {
--color-chipolata: #aa4433;
--color-chipolata-50: #ffe8dc;
--color-chipolata-100: #ffd8ca;
--color-chipolata-200: #ffbfae;
--color-chipolata-300: #f59d89;
--color-chipolata-400: #e47d6a;
--color-chipolata-500: #d15d49;
--color-chipolata-600: #b14f3f;
--color-chipolata-700: #8e3f32;
--color-chipolata-800: #6a2d25;
--color-chipolata-900: #4b1e18;
--color-chipolata-950: #310e09;
}SCSS
$chipolata: #aa4433;
$chipolata-rgb: 170, 68, 51;
$chipolata-light: mix(#fff, $chipolata, 20%);
$chipolata-dark: mix(#000, $chipolata, 20%);
.element {
color: $chipolata;
box-shadow: 0 0 0 2px rgba($chipolata, 0.35);
}