Nazwany kolor · #926A46
Barcelona Brown
Barcelona Brown to #926A46: rgb(146 106 70), hsl(28 35% 42%), oklch(0.557 0.072 62.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Barcelona Brown color name →
#926A46
oklch(0.557 0.072 62.5)
Konwersje koloru
- HEX
- #926a46
- RGB
- rgb(146 106 70)
- HSL
- hsl(28 35% 42%)
- HWB
- hwb(28 27% 43%)
- OKLCH
- oklch(0.557 0.072 62.5)
- OKLab
- oklab(0.557 0.033 0.064)
- CIE Lab
- lab(48.38 13.23 26.73)
- LCH
- lch(48.38 29.83 63.7)
- CMYK
- cmyk(0% 27% 52% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D7858
- A8866A
- B3957B
- BDA48E
- C8B2A0
- D3C1B2
- DED0C5
- E9E0D8
- F4EFEB
Odcienie ciemniejsze
- 7E5B3C
- 6B4D32
- 583F28
- 46311E
- 352415
- 25180D
- 160D05
- 080402
- 010000
Tony
- 906C4C
- 8F6F53
- 8D7159
- 8C735E
- 8A7564
- 88786A
- 867A6F
- 847C75
- 827E7B
Harmonie kolorów
Komplementarna +180°
- 926A46
Barcelona Brown
- 4C799B
≈ Antarctic Blue
Analogowa -30° +30°
- 926A46
Barcelona Brown
- 996458
≈ Aged Bourbon
- 827240
≈ Italian Olive
Triada +120° +240°
- 926A46
Barcelona Brown
- 3C8177
≈ Copper Mineral Green
- 7C6997
≈ Clematis
Komplementarna rozszczepiona +150° +210°
- 926A46
Barcelona Brown
- 3A7F8C
≈ Shady Blue
- 65719E
≈ Blueberry Patch
Tetrada +90° +180° +270°
- 926A46
Barcelona Brown
- 52805F
≈ Sports Field Green
- 4C799B
≈ Antarctic Blue
- 8D6486
≈ Sunshone Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.80:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.37:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.80:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--barcelona-brown: #926a46;
--barcelona-brown-rgb: 146 106 70;
--barcelona-brown-oklch: oklch(0.557 0.072 62.5);
}
.element {
color: var(--barcelona-brown);
background-color: hsl(28 35% 42%);
border-color: oklch(0.557 0.072 62.5);
}Tailwind CSS v4
@theme {
--color-barcelona-brown: #926a46;
--color-barcelona-brown-50: #fff1e0;
--color-barcelona-brown-100: #fae3d0;
--color-barcelona-brown-200: #ebcfb5;
--color-barcelona-brown-300: #d2b091;
--color-barcelona-brown-400: #be9572;
--color-barcelona-brown-500: #a97b53;
--color-barcelona-brown-600: #8f6947;
--color-barcelona-brown-700: #725438;
--color-barcelona-brown-800: #553c28;
--color-barcelona-brown-900: #3b2a1b;
--color-barcelona-brown-950: #25170b;
}SCSS
$barcelona-brown: #926a46;
$barcelona-brown-rgb: 146, 106, 70;
$barcelona-brown-light: mix(#fff, $barcelona-brown, 20%);
$barcelona-brown-dark: mix(#000, $barcelona-brown, 20%);
.element {
color: $barcelona-brown;
box-shadow: 0 0 0 2px rgba($barcelona-brown, 0.35);
}