Nazwany kolor · #726848
Austere
Austere to #726848: rgb(114 104 72), hsl(46 23% 36%), oklch(0.518 0.049 92.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Austere color name →
#726848
oklch(0.518 0.049 92.8)
Konwersje koloru
- HEX
- #726848
- RGB
- rgb(114 104 72)
- HSL
- hsl(46 23% 36%)
- HWB
- hwb(46 28% 55%)
- OKLCH
- oklch(0.518 0.049 92.8)
- OKLab
- oklab(0.518 -0.002 0.048)
- CIE Lab
- lab(44.32 0.24 19.58)
- LCH
- lch(44.32 19.58 89.3)
- CMYK
- cmyk(0% 9% 37% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F7659
- 8C846A
- 9A937C
- A8A28E
- B6B1A0
- C4C0B2
- D3CFC5
- E1DFD8
- F0EFEB
Odcienie ciemniejsze
- 62593D
- 534B33
- 443E29
- 36301F
- 282416
- 1B180D
- 0E0C06
- 040402
- 010000
Tony
- 736A4E
- 756D54
- 766F59
- 78725F
- 797464
- 7A766A
- 7C796F
- 7D7B75
- 7F7E7A
Harmonie kolorów
Komplementarna +180°
- 726848
Austere
- 5F6785
≈ Champion Blue
Analogowa -30° +30°
- 726848
Austere
- 7D634B
≈ Old Boot
- 636D4E
≈ Hinterland
Triada +120° +240°
- 726848
Austere
- 467079
≈ Winter Storm
- 7A5E75
≈ Gala Ball
Komplementarna rozszczepiona +150° +210°
- 726848
Austere
- 506C82
≈ Oceanic
- 6E6280
≈ Purple Gumball
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.54:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.78:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--austere: #726848;
--austere-rgb: 114 104 72;
--austere-oklch: oklch(0.518 0.049 92.8);
}
.element {
color: var(--austere);
background-color: hsl(46 23% 36%);
border-color: oklch(0.518 0.049 92.8);
}Tailwind CSS v4
@theme {
--color-austere: #726848;
--color-austere-50: #f9f5e6;
--color-austere-100: #ede8d6;
--color-austere-200: #dbd4bd;
--color-austere-300: #bfb89c;
--color-austere-400: #a89e7e;
--color-austere-500: #918661;
--color-austere-600: #7b7153;
--color-austere-700: #625b42;
--color-austere-800: #49422f;
--color-austere-900: #322d20;
--color-austere-950: #1e1a0f;
}SCSS
$austere: #726848;
$austere-rgb: 114, 104, 72;
$austere-light: mix(#fff, $austere, 20%);
$austere-dark: mix(#000, $austere, 20%);
.element {
color: $austere;
box-shadow: 0 0 0 2px rgba($austere, 0.35);
}