Nazwany kolor · #4B4146
Dark Burgundy Wine
Dark Burgundy Wine to #4B4146: rgb(75 65 70), hsl(330 7% 27%), oklch(0.387 0.016 346.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dark Burgundy Wine color name →
#4B4146
oklch(0.387 0.016 346.2)
Konwersje koloru
- HEX
- #4b4146
- RGB
- rgb(75 65 70)
- HSL
- hsl(330 7% 27%)
- HWB
- hwb(330 25% 71%)
- OKLCH
- oklch(0.387 0.016 346.2)
- OKLab
- oklab(0.387 0.015 -0.004)
- CIE Lab
- lab(28.71 5.19 -1.39)
- LCH
- lch(28.71 5.38 345)
- CMYK
- cmyk(0% 13% 7% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B5256
- 6C6367
- 7D7579
- 8E888B
- A09A9D
- B3AEB0
- C5C2C3
- D8D6D7
- EBEAEB
Odcienie ciemniejsze
- 40373C
- 352E32
- 2B2528
- 211C1E
- 171315
- 0E0B0D
- 060505
- 020102
- 000000
Tony
- 50474C
- 554D51
- 5A5357
- 60595C
- 656062
- 6A6668
- 706C6E
- 757374
- 7B797A
Harmonie kolorów
Komplementarna +180°
- 4B4146
Dark Burgundy Wine
- 3D4742
≈ Rich Olive
Analogowa -30° +30°
- 4B4146
Dark Burgundy Wine
- 48424A
≈ Spinel Grey
- 4D4141
≈ Rhodonite Brown
Triada +120° +240°
- 4B4146
Dark Burgundy Wine
- 45453B
≈ Volcanic Stone Green
- 3C464B
≈ Nightshade
Komplementarna rozszczepiona +150° +210°
- 4B4146
Dark Burgundy Wine
- 40463E
≈ Rich Olive
- 3B4747
≈ Panda Black
Tetrada +90° +180° +270°
- 4B4146
Dark Burgundy Wine
- 49433B
≈ Earth Black
- 3D4742
≈ Rich Olive
- 3F454D
≈ Blackbird
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.79:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.14:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--dark-burgundy-wine: #4b4146;
--dark-burgundy-wine-rgb: 75 65 70;
--dark-burgundy-wine-oklch: oklch(0.387 0.016 346.2);
}
.element {
color: var(--dark-burgundy-wine);
background-color: hsl(330 7% 27%);
border-color: oklch(0.387 0.016 346.2);
}Tailwind CSS v4
@theme {
--color-dark-burgundy-wine: #4b4146;
--color-dark-burgundy-wine-50: #f9f3f6;
--color-dark-burgundy-wine-100: #ece6e9;
--color-dark-burgundy-wine-200: #dad2d5;
--color-dark-burgundy-wine-300: #beb4b9;
--color-dark-burgundy-wine-400: #a69ba0;
--color-dark-burgundy-wine-500: #8f8288;
--color-dark-burgundy-wine-600: #796e73;
--color-dark-burgundy-wine-700: #60585c;
--color-dark-burgundy-wine-800: #474044;
--color-dark-burgundy-wine-900: #312c2f;
--color-dark-burgundy-wine-950: #1d191b;
}SCSS
$dark-burgundy-wine: #4b4146;
$dark-burgundy-wine-rgb: 75, 65, 70;
$dark-burgundy-wine-light: mix(#fff, $dark-burgundy-wine, 20%);
$dark-burgundy-wine-dark: mix(#000, $dark-burgundy-wine, 20%);
.element {
color: $dark-burgundy-wine;
box-shadow: 0 0 0 2px rgba($dark-burgundy-wine, 0.35);
}