Benannte Farbe · #A82F2E
Très Bien
Très Bien ist #A82F2E: rgb(168 47 46), hsl(0 57% 42%), oklch(0.492 0.158 25.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Très Bien color name →
#A82F2E
oklch(0.492 0.158 25.5)
Farbumrechnungen
- HEX
- #a82f2e
- RGB
- rgb(168 47 46)
- HSL
- hsl(0 57% 42%)
- HWB
- hwb(0 18% 34%)
- OKLCH
- oklch(0.492 0.158 25.5)
- OKLab
- oklab(0.492 0.142 0.068)
- CIE Lab
- lab(39.44 49.73 31.05)
- LCH
- lch(39.44 58.63 32)
- CMYK
- cmyk(0% 72% 73% 34%)
Tints · Shades · Tones
Tints
- B34742
- BE5D56
- C8716A
- D1857E
- DA9A93
- E3AEA8
- EBC2BD
- F2D6D3
- F9EAE9
Shades
- 922727
- 7C201F
- 671918
- 521212
- 3F0C0B
- 2C0606
- 1A0302
- 0A0101
- 010000
Tones
- A63B37
- A34540
- A04E48
- 9D5650
- 995E58
- 956560
- 916C68
- 8C7370
- 867A78
Farbharmonien
Komplementär +180°
- A82F2E
Très Bien
- 006E78
≈ Carnival Night
Analog -30° +30°
- A82F2E
Très Bien
- A12E64
≈ Parlour Red
- 934B00
≈ Brownie
Triadisch +120° +240°
- A82F2E
Très Bien
- 007620
≈ Green Glutton
- 3559B9
≈ Cerulean Blue
Geteilt komplementär +150° +210°
- A82F2E
Très Bien
- 00725E
≈ Tropical Rainforest
- 006994
≈ Sea Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.75:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.11:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.75:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--tres-bien: #a82f2e;
--tres-bien-rgb: 168 47 46;
--tres-bien-oklch: oklch(0.492 0.158 25.5);
}
.element {
color: var(--tres-bien);
background-color: hsl(0 57% 42%);
border-color: oklch(0.492 0.158 25.5);
}Tailwind CSS v4
@theme {
--color-tres-bien: #a82f2e;
--color-tres-bien-50: #ffe5dd;
--color-tres-bien-100: #ffd5cb;
--color-tres-bien-200: #ffbaaf;
--color-tres-bien-300: #fe978a;
--color-tres-bien-400: #ed756d;
--color-tres-bien-500: #db514d;
--color-tres-bien-600: #b94642;
--color-tres-bien-700: #953834;
--color-tres-bien-800: #6f2727;
--color-tres-bien-900: #4e1a1a;
--color-tres-bien-950: #330a0b;
}SCSS
$tres-bien: #a82f2e;
$tres-bien-rgb: 168, 47, 46;
$tres-bien-light: mix(#fff, $tres-bien, 20%);
$tres-bien-dark: mix(#000, $tres-bien, 20%);
.element {
color: $tres-bien;
box-shadow: 0 0 0 2px rgba($tres-bien, 0.35);
}