Benannte Farbe · #AA4433
Chipolata
Chipolata ist #AA4433: rgb(170 68 51), hsl(9 54% 43%), oklch(0.521 0.138 31.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Chipolata color name →
#AA4433
oklch(0.521 0.138 31.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B45847
- BE6A5B
- C87D6E
- D18F82
- DAA296
- E2B4AB
- EAC7BF
- F1D9D4
- F8ECE9
Shades
- 933A2B
- 7D3023
- 68261C
- 531D14
- 3F140D
- 2D0C07
- 1B0503
- 0B0201
- 010000
Tones
- A74C3C
- A45344
- A0594C
- 9D6054
- 99655B
- 956B63
- 90716A
- 8B7671
- 867B79
Farbharmonien
Komplementär +180°
- AA4433
Chipolata
- 007787
≈ Biscay Bay
Analog -30° +30°
- AA4433
Chipolata
- A64064
≈ Rouge Like
- 995600
≈ Charlie Brown
Triadisch +120° +240°
- AA4433
Chipolata
- 017F3E
≈ Charmed Green
- 4E61B8
≈ Chinese Bellflower
Geteilt komplementär +150° +210°
- AA4433
Chipolata
- 007A6D
≈ Pond Moss
- 0070A9
≈ Bowen Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.85:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.58:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
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);
}