Nazwany kolor · #70403D
Wine Cellar
Wine Cellar to #70403D: rgb(112 64 61), hsl(4 29% 34%), oklch(0.429 0.068 24.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Wine Cellar color name →
#70403D
oklch(0.429 0.068 24.1)
Konwersje koloru
- HEX
- #70403d
- RGB
- rgb(112 64 61)
- HSL
- hsl(4 29% 34%)
- HWB
- hwb(4 24% 56%)
- OKLCH
- oklch(0.429 0.068 24.1)
- OKLab
- oklab(0.429 0.062 0.028)
- CIE Lab
- lab(33.06 21.15 11.32)
- LCH
- lch(33.06 23.99 28.2)
- CMYK
- cmyk(0% 43% 46% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E524E
- 8D6360
- 9B7672
- A98885
- B79B99
- C6AEAC
- D4C2C0
- E2D6D5
- F1EAEA
Odcienie ciemniejsze
- 603634
- 512D2B
- 432422
- 351B1A
- 271312
- 1A0B0A
- 0E0504
- 040101
- 010000
Tony
- 724643
- 744D4A
- 765351
- 785A57
- 7A605E
- 7B6665
- 7D6D6B
- 7E7372
- 7F7A79
Harmonie kolorów
Komplementarna +180°
- 70403D
Wine Cellar
- 115A60
≈ Blue Emerald
Analogowa -30° +30°
- 70403D
Wine Cellar
- 6C3F52
≈ Chilled Wine
- 6C452A
≈ Pumpernickel
Triada +120° +240°
- 70403D
Wine Cellar
- 375937
≈ Ficus
- 3C4F75
≈ Takaka
Komplementarna rozszczepiona +150° +210°
- 70403D
Wine Cellar
- 1E5B4D
≈ Country Meadow
- 24556F
≈ Diver Lady
Tetrada +90° +180° +270°
- 70403D
Wine Cellar
- 4F5425
≈ Private Green
- 115A60
≈ Blue Emerald
- 514871
≈ Evening Fizz
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.43:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.48:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--wine-cellar: #70403d;
--wine-cellar-rgb: 112 64 61;
--wine-cellar-oklch: oklch(0.429 0.068 24.1);
}
.element {
color: var(--wine-cellar);
background-color: hsl(4 29% 34%);
border-color: oklch(0.429 0.068 24.1);
}Tailwind CSS v4
@theme {
--color-wine-cellar: #70403d;
--color-wine-cellar-50: #ffeeeb;
--color-wine-cellar-100: #fee0dc;
--color-wine-cellar-200: #f0cac5;
--color-wine-cellar-300: #d8aba5;
--color-wine-cellar-400: #c38f8b;
--color-wine-cellar-500: #af7570;
--color-wine-cellar-600: #94635f;
--color-wine-cellar-700: #764f4c;
--color-wine-cellar-800: #583938;
--color-wine-cellar-900: #3d2726;
--color-wine-cellar-950: #271514;
}SCSS
$wine-cellar: #70403d;
$wine-cellar-rgb: 112, 64, 61;
$wine-cellar-light: mix(#fff, $wine-cellar, 20%);
$wine-cellar-dark: mix(#000, $wine-cellar, 20%);
.element {
color: $wine-cellar;
box-shadow: 0 0 0 2px rgba($wine-cellar, 0.35);
}