Nazwany kolor · #825943
Bricktone
Bricktone to #825943: rgb(130 89 67), hsl(21 32% 39%), oklch(0.503 0.064 49). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Bricktone color name →
#825943
oklch(0.503 0.064 49)
Konwersje koloru
- HEX
- #825943
- RGB
- rgb(130 89 67)
- HSL
- hsl(21 32% 39%)
- HWB
- hwb(21 26% 49%)
- OKLCH
- oklch(0.503 0.064 49)
- OKLab
- oklab(0.503 0.042 0.048)
- CIE Lab
- lab(41.95 15.39 19.88)
- LCH
- lch(41.95 25.14 52.3)
- CMYK
- cmyk(0% 32% 48% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8E6854
- 9B7866
- A78878
- B4988A
- C0A99D
- CDBAB0
- D9CBC3
- E6DCD7
- F2EDEB
Odcienie ciemniejsze
- 704C39
- 5F402F
- 4E3426
- 3E281D
- 2F1D14
- 20130C
- 120905
- 060301
- 010000
Tony
- 825D49
- 82614F
- 826556
- 82695C
- 826D62
- 827168
- 82756E
- 817874
- 817C7A
Harmonie kolorów
Komplementarna +180°
- 825943
Bricktone
- 3A6B81
≈ Lake Stream
Analogowa -30° +30°
- 825943
Bricktone
- 855555
≈ Flowering Chestnut
- 786038
≈ Twig Basket
Triada +120° +240°
- 825943
Bricktone
- 3C705E
≈ Foliage Green
- 635E86
≈ Purple Balloon
Komplementarna rozszczepiona +150° +210°
- 825943
Bricktone
- 316F72
≈ Lakelike
- 4E6589
≈ Luxe Blue
Tetrada +90° +180° +270°
- 825943
Bricktone
- 516D49
≈ Graceland Grass
- 3A6B81
≈ Lake Stream
- 74587B
≈ Dr Who
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.07:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.45:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--bricktone: #825943;
--bricktone-rgb: 130 89 67;
--bricktone-oklch: oklch(0.503 0.064 49);
}
.element {
color: var(--bricktone);
background-color: hsl(21 32% 39%);
border-color: oklch(0.503 0.064 49);
}Tailwind CSS v4
@theme {
--color-bricktone: #825943;
--color-bricktone-50: #fff0e5;
--color-bricktone-100: #fae2d5;
--color-bricktone-200: #eccdbc;
--color-bricktone-300: #d3af9a;
--color-bricktone-400: #be947d;
--color-bricktone-500: #a97a60;
--color-bricktone-600: #8f6752;
--color-bricktone-700: #735241;
--color-bricktone-800: #553c2f;
--color-bricktone-900: #3b2920;
--color-bricktone-950: #251710;
}SCSS
$bricktone: #825943;
$bricktone-rgb: 130, 89, 67;
$bricktone-light: mix(#fff, $bricktone, 20%);
$bricktone-dark: mix(#000, $bricktone, 20%);
.element {
color: $bricktone;
box-shadow: 0 0 0 2px rgba($bricktone, 0.35);
}