Najbliższy nazwany kolor · #B68137
#B68137
Najbliższy nazwany kolor: Weissbier
#B68137 (rgb(182 129 55), hsl(35 54% 46%), oklch(0.642 0.111 72.4)) jest najbliższy nazwanemu kolorowi Weissbier. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B68137
oklch(0.642 0.111 72.4)
Konwersje koloru
- HEX
- #b68137
- RGB
- rgb(182 129 55)
- HSL
- hsl(35 54% 46%)
- HWB
- hwb(35 22% 29%)
- OKLCH
- oklch(0.642 0.111 72.4)
- OKLab
- oklab(0.642 0.034 0.106)
- CIE Lab
- lab(58.39 15.86 47.12)
- LCH
- lch(58.39 49.72 71.4)
- CMYK
- cmyk(0% 29% 70% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BE8D4E
- C59A63
- CDA677
- D4B38A
- DBBF9E
- E3CCB1
- EAD9C4
- F1E5D8
- F8F2EB
Odcienie ciemniejsze
- 9E6F2E
- 865E26
- 6F4E1E
- 593E16
- 442E0F
- 301F08
- 1D1203
- 0C0601
- 020100
Tony
- B18142
- AC814B
- A68253
- A1825A
- 9C8261
- 968168
- 91816E
- 8B8174
- 86807A
Harmonie kolorów
Komplementarna +180°
- B68137
Weissbier
- 5990CE
≈ Blue Dart
Analogowa -30° +30°
- B68137
Weissbier
- C57555
≈ Spanish Peanut
- 9A8F35
≈ Banana Leaf
Triada +120° +240°
- B68137
Weissbier
- 00A29E
≈ Aqua Velvet
- A478BD
≈ Purple Pride
Komplementarna rozszczepiona +150° +210°
- B68137
Weissbier
- 239BBD
≈ Butterfly Blue
- 8384CE
≈ Twilight Twinkle
Tetrada +90° +180° +270°
- B68137
Weissbier
- 41A278
≈ Funk
- 5990CE
≈ Blue Dart
- BB719F
≈ Crocus
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.39:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.18:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--weissbier: #b68137;
--weissbier-rgb: 182 129 55;
--weissbier-oklch: oklch(0.642 0.111 72.4);
}
.element {
color: var(--weissbier);
background-color: hsl(35 54% 46%);
border-color: oklch(0.642 0.111 72.4);
}Tailwind CSS v4
@theme {
--color-weissbier: #b68137;
--color-weissbier-50: #fff1d3;
--color-weissbier-100: #ffe3c0;
--color-weissbier-200: #f1cea0;
--color-weissbier-300: #d9af76;
--color-weissbier-400: #c7934f;
--color-weissbier-500: #b3791f;
--color-weissbier-600: #97661d;
--color-weissbier-700: #795217;
--color-weissbier-800: #5a3b0f;
--color-weissbier-900: #3f2809;
--color-weissbier-950: #281600;
}SCSS
$weissbier: #b68137;
$weissbier-rgb: 182, 129, 55;
$weissbier-light: mix(#fff, $weissbier, 20%);
$weissbier-dark: mix(#000, $weissbier, 20%);
.element {
color: $weissbier;
box-shadow: 0 0 0 2px rgba($weissbier, 0.35);
}