Nazwany kolor · #5F3E3E
Wine Brown
Wine Brown to #5F3E3E: rgb(95 62 62), hsl(0 21% 31%), oklch(0.402 0.047 19.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Wine Brown color name →
#5F3E3E
oklch(0.402 0.047 19.3)
Konwersje koloru
- HEX
- #5f3e3e
- RGB
- rgb(95 62 62)
- HSL
- hsl(0 21% 31%)
- HWB
- hwb(0 24% 63%)
- OKLCH
- oklch(0.402 0.047 19.3)
- OKLab
- oklab(0.402 0.044 0.015)
- CIE Lab
- lab(30.14 14.89 6.22)
- LCH
- lch(30.14 16.14 22.6)
- CMYK
- cmyk(0% 35% 35% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E4F4F
- 7E6161
- 8D7373
- 9D8686
- AD9999
- BDADAC
- CDC1C1
- DED5D5
- EEEAEA
Odcienie ciemniejsze
- 523535
- 442B2B
- 382323
- 2C1A1A
- 201212
- 150A0A
- 0A0404
- 030101
- 000000
Tony
- 634444
- 664B4B
- 6A5151
- 6D5858
- 705E5E
- 746565
- 776C6B
- 7A7272
- 7D7979
Harmonie kolorów
Komplementarna +180°
- 5F3E3E
Wine Brown
- 265052
≈ Seagrass Green
Analogowa -30° +30°
- 5F3E3E
Wine Brown
- 5C3E4C
≈ Siliceous Red
- 5D4132
≈ Pitch Mary Brown
Triada +120° +240°
- 5F3E3E
Wine Brown
- 3B4E36
≈ Angry Gremlin
- 394962
≈ Evening Glory
Komplementarna rozszczepiona +150° +210°
- 5F3E3E
Wine Brown
- 2D5044
≈ Highland Green
- 2C4D5C
≈ Celtic Rush
Tetrada +90° +180° +270°
- 5F3E3E
Wine Brown
- 4A4A2C
≈ Tinny Tin
- 265052
≈ Seagrass Green
- 474460
≈ Darkest Navy
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.35:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.24:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--wine-brown: #5f3e3e;
--wine-brown-rgb: 95 62 62;
--wine-brown-oklch: oklch(0.402 0.047 19.3);
}
.element {
color: var(--wine-brown);
background-color: hsl(0 21% 31%);
border-color: oklch(0.402 0.047 19.3);
}Tailwind CSS v4
@theme {
--color-wine-brown: #5f3e3e;
--color-wine-brown-50: #fff0ef;
--color-wine-brown-100: #f7e2e1;
--color-wine-brown-200: #e8cdcc;
--color-wine-brown-300: #ceafad;
--color-wine-brown-400: #b99493;
--color-wine-brown-500: #a37a7a;
--color-wine-brown-600: #8a6867;
--color-wine-brown-700: #6e5352;
--color-wine-brown-800: #513c3c;
--color-wine-brown-900: #392929;
--color-wine-brown-950: #231717;
}SCSS
$wine-brown: #5f3e3e;
$wine-brown-rgb: 95, 62, 62;
$wine-brown-light: mix(#fff, $wine-brown, 20%);
$wine-brown-dark: mix(#000, $wine-brown, 20%);
.element {
color: $wine-brown;
box-shadow: 0 0 0 2px rgba($wine-brown, 0.35);
}