Nazwany kolor · #84623E
Barricade
Barricade to #84623E: rgb(132 98 62), hsl(31 36% 38%), oklch(0.523 0.067 67). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Barricade color name →
#84623E
oklch(0.523 0.067 67)
Konwersje koloru
- HEX
- #84623e
- RGB
- rgb(132 98 62)
- HSL
- hsl(31 36% 38%)
- HWB
- hwb(31 24% 48%)
- OKLCH
- oklch(0.523 0.067 67)
- OKLab
- oklab(0.523 0.026 0.062)
- CIE Lab
- lab(44.49 10.85 26.02)
- LCH
- lch(44.49 28.19 67.4)
- CMYK
- cmyk(0% 26% 53% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 907150
- 9C8063
- A88F75
- B49E88
- C1AE9B
- CDBEAF
- D9CEC2
- E6DED6
- F2EEEA
Odcienie ciemniejsze
- 725435
- 60472B
- 4F3A23
- 3F2D1A
- 2F2112
- 20160A
- 120B04
- 060301
- 010000
Tony
- 846545
- 84684C
- 836B53
- 836E59
- 837160
- 827467
- 82776D
- 817A73
- 817D7A
Harmonie kolorów
Komplementarna +180°
- 84623E
Barricade
- 496D8F
≈ Sailor’s Bay
Analogowa -30° +30°
- 84623E
Barricade
- 8C5C4E
≈ Red Curry
- 746A3B
≈ Sphagnum Moss
Triada +120° +240°
- 84623E
Barricade
- 357670
≈ Myrtle Green
- 745F88
≈ Mystical Purple
Komplementarna rozszczepiona +150° +210°
- 84623E
Barricade
- 367383
≈ Oceanic Metropolis
- 606691
≈ Twilight Purple
Tetrada +90° +180° +270°
- 84623E
Barricade
- 47765A
≈ Como
- 496D8F
≈ Sailor’s Bay
- 835B78
≈ Purple Gumdrop
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.52:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.79:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--barricade: #84623e;
--barricade-rgb: 132 98 62;
--barricade-oklch: oklch(0.523 0.067 67);
}
.element {
color: var(--barricade);
background-color: hsl(31 36% 38%);
border-color: oklch(0.523 0.067 67);
}Tailwind CSS v4
@theme {
--color-barricade: #84623e;
--color-barricade-50: #fff2e1;
--color-barricade-100: #f7e4d0;
--color-barricade-200: #e8d0b6;
--color-barricade-300: #cfb293;
--color-barricade-400: #ba9774;
--color-barricade-500: #a57e55;
--color-barricade-600: #8b6a48;
--color-barricade-700: #6f5539;
--color-barricade-800: #533e29;
--color-barricade-900: #3a2a1b;
--color-barricade-950: #24180c;
}SCSS
$barricade: #84623e;
$barricade-rgb: 132, 98, 62;
$barricade-light: mix(#fff, $barricade, 20%);
$barricade-dark: mix(#000, $barricade, 20%);
.element {
color: $barricade;
box-shadow: 0 0 0 2px rgba($barricade, 0.35);
}