Nazwany kolor · #71424A
Pirat’s Wine
Pirat’s Wine to #71424A: rgb(113 66 74), hsl(350 26% 35%), oklch(0.437 0.066 9.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pirat’s Wine color name →
#71424A
oklch(0.437 0.066 9.1)
Konwersje koloru
- HEX
- #71424a
- RGB
- rgb(113 66 74)
- HSL
- hsl(350 26% 35%)
- HWB
- hwb(350 26% 56%)
- OKLCH
- oklch(0.437 0.066 9.1)
- OKLab
- oklab(0.437 0.065 0.01)
- CIE Lab
- lab(33.97 21.68 4.34)
- LCH
- lch(33.97 22.11 11.3)
- CMYK
- cmyk(0% 42% 35% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F535A
- 8D656B
- 9B777C
- A9898E
- B89CA0
- C6AFB2
- D4C3C5
- E2D6D8
- F1EBEB
Odcienie ciemniejsze
- 61383F
- 522F35
- 43252A
- 351C20
- 271417
- 1A0B0E
- 0E0506
- 040102
- 010000
Tony
- 73484F
- 754E54
- 77555A
- 795B5F
- 7A6164
- 7C676A
- 7D6D6F
- 7E7475
- 7F7A7A
Harmonie kolorów
Komplementarna +180°
- 71424A
Pirat’s Wine
- 1A5D59
≈ Empress Teal
Analogowa -30° +30°
- 71424A
Pirat’s Wine
- 6A435E
≈ Prune Purple
- 714536
≈ Santana Soul
Triada +120° +240°
- 71424A
Pirat’s Wine
- 465931
≈ Turf
- 345575
≈ Blue Earth
Komplementarna rozszczepiona +150° +210°
- 71424A
Pirat’s Wine
- 2E5D45
≈ Wine Leaf
- 1E5A6A
≈ Legion Blue
Tetrada +90° +180° +270°
- 71424A
Pirat’s Wine
- 5B5224
≈ West Coast
- 1A5D59
≈ Empress Teal
- 4A4E76
≈ Skipper Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.13:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.58:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.13:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--pirat-s-wine: #71424a;
--pirat-s-wine-rgb: 113 66 74;
--pirat-s-wine-oklch: oklch(0.437 0.066 9.1);
}
.element {
color: var(--pirat-s-wine);
background-color: hsl(350 26% 35%);
border-color: oklch(0.437 0.066 9.1);
}Tailwind CSS v4
@theme {
--color-pirat-s-wine: #71424a;
--color-pirat-s-wine-50: #ffeef0;
--color-pirat-s-wine-100: #fddfe2;
--color-pirat-s-wine-200: #efc9cd;
--color-pirat-s-wine-300: #d7aaaf;
--color-pirat-s-wine-400: #c28f96;
--color-pirat-s-wine-500: #ad747d;
--color-pirat-s-wine-600: #92626a;
--color-pirat-s-wine-700: #754e54;
--color-pirat-s-wine-800: #56393e;
--color-pirat-s-wine-900: #3c272b;
--color-pirat-s-wine-950: #261518;
}SCSS
$pirat-s-wine: #71424a;
$pirat-s-wine-rgb: 113, 66, 74;
$pirat-s-wine-light: mix(#fff, $pirat-s-wine, 20%);
$pirat-s-wine-dark: mix(#000, $pirat-s-wine, 20%);
.element {
color: $pirat-s-wine;
box-shadow: 0 0 0 2px rgba($pirat-s-wine, 0.35);
}