Nazwany kolor · #AA262B
Samba
Samba to #AA262B: rgb(170 38 43), hsl(358 63% 41%), oklch(0.486 0.168 24.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Samba color name →
#AA262B
oklch(0.486 0.168 24.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B54140
- C05854
- CA6E68
- D3837D
- DC9792
- E4ACA7
- ECC0BC
- F3D5D2
- F9EAE8
Odcienie ciemniejsze
- 932024
- 7D191D
- 681316
- 530D10
- 3F080A
- 2D0405
- 1B0202
- 0B0101
- 010000
Tony
- A83435
- A5403E
- A24A46
- 9E534F
- 9B5B57
- 96635F
- 926B68
- 8D7270
- 877978
Harmonie kolorów
Komplementarna +180°
- AA262B
Samba
- 006D75
≈ Toadstool Teal
Analogowa -30° +30°
Triada +120° +240°
- AA262B
Samba
- 007418
≈ Green Glutton
- 2D56BD
≈ Cerulean Blue
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.95:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.02:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}