Benannte Farbe · #822A10
Caponata
Caponata ist #822A10: rgb(130 42 16), hsl(14 78% 29%), oklch(0.415 0.127 36.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Caponata color name →
#822A10
oklch(0.415 0.127 36.3)
Farbumrechnungen
- HEX
- #822a10
- RGB
- rgb(130 42 16)
- HSL
- hsl(14 78% 29%)
- HWB
- hwb(14 6% 49%)
- OKLCH
- oklch(0.415 0.127 36.3)
- OKLab
- oklab(0.415 0.102 0.075)
- CIE Lab
- lab(31.02 37.62 36.61)
- LCH
- lch(31.02 52.49 44.2)
- CMYK
- cmyk(0% 68% 88% 49%)
Tints · Shades · Tones
Tints
- 90402A
- 9E5541
- AB6A58
- B87E6E
- C59385
- D1A89D
- DDBEB5
- E8D3CD
- F4E9E6
Shades
- 70230C
- 5F1C09
- 4E1606
- 3E1004
- 2F0A02
- 200501
- 120200
- 060100
- 010000
Tones
- 83351F
- 843E2B
- 854736
- 855041
- 85584C
- 856156
- 846961
- 83706B
- 827876
Farbharmonien
Komplementär +180°
- 822A10
Caponata
- 005565
≈ Rainy Morning
Analog -30° +30°
- 822A10
Caponata
- 802541
≈ Beet Red
- 6D4000
≈ Bloodtracker Brown
Triadisch +120° +240°
- 822A10
Caponata
- 005B34
≈ Crusoe
- 3B418F
≈ Clematis Blue
Geteilt komplementär +150° +210°
- 822A10
Caponata
- 005852
≈ Castleton Green
- 004F82
≈ Snorkel Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.17:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.28:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.17:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--caponata: #822a10;
--caponata-rgb: 130 42 16;
--caponata-oklch: oklch(0.415 0.127 36.3);
}
.element {
color: var(--caponata);
background-color: hsl(14 78% 29%);
border-color: oklch(0.415 0.127 36.3);
}Tailwind CSS v4
@theme {
--color-caponata: #822a10;
--color-caponata-50: #ffeadb;
--color-caponata-100: #ffdaca;
--color-caponata-200: #ffc2ad;
--color-caponata-300: #f0a188;
--color-caponata-400: #de8268;
--color-caponata-500: #cb6347;
--color-caponata-600: #ac553d;
--color-caponata-700: #8a4330;
--color-caponata-800: #673023;
--color-caponata-900: #482117;
--color-caponata-950: #2f1008;
}SCSS
$caponata: #822a10;
$caponata-rgb: 130, 42, 16;
$caponata-light: mix(#fff, $caponata, 20%);
$caponata-dark: mix(#000, $caponata, 20%);
.element {
color: $caponata;
box-shadow: 0 0 0 2px rgba($caponata, 0.35);
}