Nazwany kolor · #AA1133
Melancholic Macaw
Melancholic Macaw to #AA1133: rgb(170 17 51), hsl(347 82% 37%), oklch(0.474 0.181 17.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Melancholic Macaw color name →
#AA1133
oklch(0.474 0.181 17.9)
Konwersje koloru
- HEX
- #aa1133
- RGB
- rgb(170 17 51)
- HSL
- hsl(347 82% 37%)
- HWB
- hwb(347 7% 33%)
- OKLCH
- oklch(0.474 0.181 17.9)
- OKLab
- oklab(0.474 0.172 0.056)
- CIE Lab
- lab(37.02 58.39 25.31)
- LCH
- lch(37.02 63.64 23.4)
- CMYK
- cmyk(0% 90% 70% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B63646
- C15059
- CB676C
- D47D80
- DD9394
- E5A8A9
- EDBEBE
- F4D3D3
- FAE9E9
Odcienie ciemniejsze
- 930D2B
- 7D0923
- 68061C
- 530414
- 3F020D
- 2D0107
- 1B0003
- 0B0001
- 010000
Tony
- A8283B
- A53743
- A2434B
- 9F4D52
- 9B575A
- 976061
- 926869
- 8D7171
- 877878
Harmonie kolorów
Komplementarna +180°
- AA1133
Melancholic Macaw
- 00696C
≈ Aqua Obscura
Analogowa -30° +30°
- AA1133
Melancholic Macaw
- 9E1A6E
≈ Morbid Princess
- 943F00
≈ Hot Brown
Triada +120° +240°
- AA1133
Melancholic Macaw
- 2B6D00
≈ Tatzelwurm Green
- 0056BB
≈ London Rain
Komplementarna rozszczepiona +150° +210°
- AA1133
Melancholic Macaw
- 006D51
≈ Starboard
- 006584
≈ Journey Into Night
Tetrada +90° +180° +270°
- AA1133
Melancholic Macaw
- 625F00
≈ Brussels Sprout Green
- 00696C
≈ Aqua Obscura
- 5C40B9
≈ Swiss Plum
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.40:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.83:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--melancholic-macaw: #aa1133;
--melancholic-macaw-rgb: 170 17 51;
--melancholic-macaw-oklch: oklch(0.474 0.181 17.9);
}
.element {
color: var(--melancholic-macaw);
background-color: hsl(347 82% 37%);
border-color: oklch(0.474 0.181 17.9);
}Tailwind CSS v4
@theme {
--color-melancholic-macaw: #aa1133;
--color-melancholic-macaw-50: #ffe1e0;
--color-melancholic-macaw-100: #ffd0cf;
--color-melancholic-macaw-200: #ffb5b4;
--color-melancholic-macaw-300: #ff8f91;
--color-melancholic-macaw-400: #f66a75;
--color-melancholic-macaw-500: #e54157;
--color-melancholic-macaw-600: #c1394a;
--color-melancholic-macaw-700: #9b2d3b;
--color-melancholic-macaw-800: #741f2c;
--color-melancholic-macaw-900: #52151e;
--color-melancholic-macaw-950: #36050e;
}SCSS
$melancholic-macaw: #aa1133;
$melancholic-macaw-rgb: 170, 17, 51;
$melancholic-macaw-light: mix(#fff, $melancholic-macaw, 20%);
$melancholic-macaw-dark: mix(#000, $melancholic-macaw, 20%);
.element {
color: $melancholic-macaw;
box-shadow: 0 0 0 2px rgba($melancholic-macaw, 0.35);
}