Benannte Farbe · #AA262B
Samba
Samba ist #AA262B: rgb(170 38 43), hsl(358 63% 41%), oklch(0.486 0.168 24.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Samba color name →
#AA262B
oklch(0.486 0.168 24.4)
Farbumrechnungen
- HEX
- #aa262b
- RGB
- rgb(170 38 43)
- HSL
- hsl(358 63% 41%)
- HWB
- hwb(358 15% 33%)
- OKLCH
- oklch(0.486 0.168 24.4)
- OKLab
- oklab(0.486 0.153 0.069)
- CIE Lab
- lab(38.69 53.27 32.17)
- LCH
- lch(38.69 62.23 31.1)
- CMYK
- cmyk(0% 78% 75% 33%)
Tints · Shades · Tones
Tints
- B54140
- C05854
- CA6E68
- D3837D
- DC9792
- E4ACA7
- ECC0BC
- F3D5D2
- F9EAE8
Shades
- 932024
- 7D191D
- 681316
- 530D10
- 3F080A
- 2D0405
- 1B0202
- 0B0101
- 010000
Tones
- A83435
- A5403E
- A24A46
- 9E534F
- 9B5B57
- 96635F
- 926B68
- 8D7270
- 877978
Farbharmonien
Komplementär +180°
- AA262B
Samba
- 006D75
≈ Toadstool Teal
Analog -30° +30°
Triadisch +120° +240°
- AA262B
Samba
- 007418
≈ Green Glutton
- 2D56BD
≈ Cerulean Blue
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.95:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.02:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--samba: #aa262b;
--samba-rgb: 170 38 43;
--samba-oklch: oklch(0.486 0.168 24.4);
}
.element {
color: var(--samba);
background-color: hsl(358 63% 41%);
border-color: oklch(0.486 0.168 24.4);
}Tailwind CSS v4
@theme {
--color-samba: #aa262b;
--color-samba-50: #ffe4dc;
--color-samba-100: #ffd3ca;
--color-samba-200: #ffb8ae;
--color-samba-300: #ff9489;
--color-samba-400: #f1716c;
--color-samba-500: #e04b4b;
--color-samba-600: #bd4140;
--color-samba-700: #983433;
--color-samba-800: #712426;
--color-samba-900: #501819;
--color-samba-950: #35080a;
}SCSS
$samba: #aa262b;
$samba-rgb: 170, 38, 43;
$samba-light: mix(#fff, $samba, 20%);
$samba-dark: mix(#000, $samba, 20%);
.element {
color: $samba;
box-shadow: 0 0 0 2px rgba($samba, 0.35);
}