Najbliższy nazwany kolor · #9F3D59
#9F3D59
Najbliższy nazwany kolor: Velvet Wine
#9F3D59 (rgb(159 61 89), hsl(343 45% 43%), oklch(0.502 0.132 5.5)) jest najbliższy nazwanemu kolorowi Velvet Wine. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9F3D59
oklch(0.502 0.132 5.5)
Konwersje koloru
- HEX
- #9f3d59
- RGB
- rgb(159 61 89)
- HSL
- hsl(343 45% 43%)
- HWB
- hwb(343 24% 38%)
- OKLCH
- oklch(0.502 0.132 5.5)
- OKLab
- oklab(0.502 0.132 0.013)
- CIE Lab
- lab(40.68 43.26 5.58)
- LCH
- lch(40.68 43.62 7.3)
- CMYK
- cmyk(0% 62% 44% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA5168
- B56478
- C07787
- CA8A98
- D49DA8
- DDB0B9
- E6C4CA
- EFD7DB
- F7EBED
Odcienie ciemniejsze
- 8A344C
- 752B40
- 612234
- 4D1A28
- 3B121D
- 290A13
- 180409
- 090103
- 010000
Tony
- 9D455D
- 9B4D61
- 995464
- 965B68
- 93626C
- 906870
- 8D6E74
- 897478
- 857A7C
Harmonie kolorów
Komplementarna +180°
- 9F3D59
Velvet Wine
- 00746B
≈ Hawk Turquoise
Analogowa -30° +30°
- 9F3D59
Velvet Wine
- 904281
≈ Plum Pie
- A14229
≈ Rock Spray
Triada +120° +240°
- 9F3D59
Velvet Wine
- 537000
≈ Over the Hills
- 0069A7
≈ Medium Persian Blue
Komplementarna rozszczepiona +150° +210°
- 9F3D59
Velvet Wine
- 007844
≈ Gale of the Wind
- 007084
≈ Amalfi
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.39:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.28:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--velvet-wine: #9f3d59;
--velvet-wine-rgb: 159 61 89;
--velvet-wine-oklch: oklch(0.502 0.132 5.5);
}
.element {
color: var(--velvet-wine);
background-color: hsl(343 45% 43%);
border-color: oklch(0.502 0.132 5.5);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #9f3d59;
--color-velvet-wine-50: #ffe6ee;
--color-velvet-wine-100: #ffd6e0;
--color-velvet-wine-200: #ffbdca;
--color-velvet-wine-300: #f29bab;
--color-velvet-wine-400: #df7b93;
--color-velvet-wine-500: #cc5b7a;
--color-velvet-wine-600: #ac4e67;
--color-velvet-wine-700: #8a3e52;
--color-velvet-wine-800: #672c3d;
--color-velvet-wine-900: #481e2a;
--color-velvet-wine-950: #2f0d18;
}SCSS
$velvet-wine: #9f3d59;
$velvet-wine-rgb: 159, 61, 89;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}