Nazwany kolor · #763D4B
Vintage Merlot
Vintage Merlot to #763D4B: rgb(118 61 75), hsl(345 32% 35%), oklch(0.436 0.081 5.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Vintage Merlot color name →
#763D4B
oklch(0.436 0.081 5.3)
Konwersje koloru
- HEX
- #763d4b
- RGB
- rgb(118 61 75)
- HSL
- hsl(345 32% 35%)
- HWB
- hwb(345 24% 54%)
- OKLCH
- oklch(0.436 0.081 5.3)
- OKLab
- oklab(0.436 0.081 0.007)
- CIE Lab
- lab(33.57 26.64 3.26)
- LCH
- lch(33.57 26.84 7)
- CMYK
- cmyk(0% 48% 36% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 844F5B
- 92616C
- A0747D
- AD878E
- BB9AA0
- C9ADB3
- D6C1C5
- E4D6D8
- F1EAEB
Odcienie ciemniejsze
- 663440
- 562B35
- 47222B
- 381A21
- 291217
- 1C0A0E
- 0F0406
- 050102
- 010000
Tony
- 784450
- 794B55
- 7B525A
- 7C5860
- 7D5F65
- 7E656A
- 7F6C70
- 7F7375
- 80797A
Harmonie kolorów
Komplementarna +180°
- 763D4B
Vintage Merlot
- 005F57
≈ Tidal Pool
Analogowa -30° +30°
- 763D4B
Vintage Merlot
- 6D3F63
≈ Mystique Violet
- 774032
≈ Lava Core
Triada +120° +240°
- 763D4B
Vintage Merlot
- 475924
≈ Obscure Olive
- 26557B
≈ Blueberry Twist
Komplementarna rozszczepiona +150° +210°
- 763D4B
Vintage Merlot
- 265E3E
≈ Greenbriar
- 005C6C
≈ Brave New Teal
Tetrada +90° +180° +270°
- 763D4B
Vintage Merlot
- 5F5112
≈ Olive Brown
- 005F57
≈ Tidal Pool
- 454D7E
≈ Highlands Twilight
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.26:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.53:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.26:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--vintage-merlot: #763d4b;
--vintage-merlot-rgb: 118 61 75;
--vintage-merlot-oklch: oklch(0.436 0.081 5.3);
}
.element {
color: var(--vintage-merlot);
background-color: hsl(345 32% 35%);
border-color: oklch(0.436 0.081 5.3);
}Tailwind CSS v4
@theme {
--color-vintage-merlot: #763d4b;
--color-vintage-merlot-50: #ffecf1;
--color-vintage-merlot-100: #ffdde3;
--color-vintage-merlot-200: #f4c7ce;
--color-vintage-merlot-300: #dda7b0;
--color-vintage-merlot-400: #c88b98;
--color-vintage-merlot-500: #b46f7f;
--color-vintage-merlot-600: #985e6b;
--color-vintage-merlot-700: #7a4b56;
--color-vintage-merlot-800: #5a363f;
--color-vintage-merlot-900: #3f252c;
--color-vintage-merlot-950: #281419;
}SCSS
$vintage-merlot: #763d4b;
$vintage-merlot-rgb: 118, 61, 75;
$vintage-merlot-light: mix(#fff, $vintage-merlot, 20%);
$vintage-merlot-dark: mix(#000, $vintage-merlot, 20%);
.element {
color: $vintage-merlot;
box-shadow: 0 0 0 2px rgba($vintage-merlot, 0.35);
}