Nazwany kolor · #B3833B
Weissbier
Weissbier to #B3833B: rgb(179 131 59), hsl(36 50% 47%), oklch(0.643 0.106 74.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Weissbier color name →
#B3833B
oklch(0.643 0.106 74.8)
Konwersje koloru
- HEX
- #b3833b
- RGB
- rgb(179 131 59)
- HSL
- hsl(36 50% 47%)
- HWB
- hwb(36 23% 30%)
- OKLCH
- oklch(0.643 0.106 74.8)
- OKLab
- oklab(0.643 0.028 0.103)
- CIE Lab
- lab(58.57 13.66 45.3)
- LCH
- lch(58.57 47.32 73.2)
- CMYK
- cmyk(0% 27% 67% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BB8F51
- C39B65
- CAA879
- D2B48C
- D9C09F
- E1CDB2
- E9D9C5
- F0E6D8
- F8F2EC
Odcienie ciemniejsze
- 9B7132
- 846029
- 6E4F21
- 583F19
- 432F11
- 2F2009
- 1D1204
- 0C0601
- 010100
Tony
- AE8345
- A9834D
- A48355
- 9F835C
- 9A8263
- 958269
- 90826F
- 8B8175
- 85817B
Harmonie kolorów
Komplementarna +180°
- B3833B
Weissbier
- 5F90CD
≈ Provence
Analogowa -30° +30°
- B3833B
Weissbier
- C37755
≈ Spanish Peanut
- 97903C
≈ Banana Leaf
Triada +120° +240°
- B3833B
Weissbier
- 15A1A1
≈ Pleasant Stream
- A579BA
≈ Purple Pride
Komplementarna rozszczepiona +150° +210°
- B3833B
Weissbier
- 319ABE
≈ Fairy Tale Blue
- 8684CB
≈ Faraway Sky
Tetrada +90° +180° +270°
- B3833B
Weissbier
- 42A17D
≈ Funk
- 5F90CD
≈ Provence
- BB729C
≈ Valentine Heart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.37:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.22:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--weissbier: #b3833b;
--weissbier-rgb: 179 131 59;
--weissbier-oklch: oklch(0.643 0.106 74.8);
}
.element {
color: var(--weissbier);
background-color: hsl(36 50% 47%);
border-color: oklch(0.643 0.106 74.8);
}Tailwind CSS v4
@theme {
--color-weissbier: #b3833b;
--color-weissbier-50: #fff2d4;
--color-weissbier-100: #fde4c1;
--color-weissbier-200: #eecfa1;
--color-weissbier-300: #d6b179;
--color-weissbier-400: #c39552;
--color-weissbier-500: #af7a25;
--color-weissbier-600: #946822;
--color-weissbier-700: #77531b;
--color-weissbier-800: #593c12;
--color-weissbier-900: #3e290b;
--color-weissbier-950: #271701;
}SCSS
$weissbier: #b3833b;
$weissbier-rgb: 179, 131, 59;
$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);
}