Nazwany kolor · #8D7548
September Gold
September Gold to #8D7548: rgb(141 117 72), hsl(39 32% 42%), oklch(0.575 0.069 82.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · September Gold color name →
#8D7548
oklch(0.575 0.069 82.3)
Konwersje koloru
- HEX
- #8d7548
- RGB
- rgb(141 117 72)
- HSL
- hsl(39 32% 42%)
- HWB
- hwb(39 28% 45%)
- OKLCH
- oklch(0.575 0.069 82.3)
- OKLab
- oklab(0.575 0.009 0.068)
- CIE Lab
- lab(50.77 5.14 28.41)
- LCH
- lch(50.77 28.87 79.7)
- CMYK
- cmyk(0% 17% 49% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98825A
- A38F6C
- AE9D7D
- B9AA8F
- C5B8A1
- D0C6B4
- DCD4C6
- E7E2D9
- F3F1EC
Odcienie ciemniejsze
- 7A653D
- 675533
- 554629
- 44371F
- 332916
- 231C0D
- 140F06
- 070502
- 010100
Tony
- 8C764E
- 8B7754
- 89795A
- 887A60
- 877B66
- 857C6B
- 847D70
- 837E76
- 817F7B
Harmonie kolorów
Komplementarna +180°
- 8D7548
September Gold
- 6379A2
≈ Costume Blue
Analogowa -30° +30°
- 8D7548
September Gold
- 9A6D52
≈ Sorrel Brown
- 797D4C
≈ Calliste Green
Triada +120° +240°
- 8D7548
September Gold
- 41858A
≈ Sea Caller
- 8C6B91
≈ Rhinestone
Komplementarna rozszczepiona +150° +210°
- 8D7548
September Gold
- 4D809B
≈ Flattering Blue
- 79719E
≈ Queen’s
Tetrada +90° +180° +270°
- 8D7548
September Gold
- 4B8674
≈ Think Leaf
- 6379A2
≈ Costume Blue
- 99687D
≈ Arcane
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.40:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.77:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--september-gold: #8d7548;
--september-gold-rgb: 141 117 72;
--september-gold-oklch: oklch(0.575 0.069 82.3);
}
.element {
color: var(--september-gold);
background-color: hsl(39 32% 42%);
border-color: oklch(0.575 0.069 82.3);
}Tailwind CSS v4
@theme {
--color-september-gold: #8d7548;
--color-september-gold-50: #fef4df;
--color-september-gold-100: #f3e7ce;
--color-september-gold-200: #e2d2b3;
--color-september-gold-300: #c8b590;
--color-september-gold-400: #b39b6f;
--color-september-gold-500: #9d824f;
--color-september-gold-600: #856e44;
--color-september-gold-700: #6a5836;
--color-september-gold-800: #4f4026;
--color-september-gold-900: #372c19;
--color-september-gold-950: #22190a;
}SCSS
$september-gold: #8d7548;
$september-gold-rgb: 141, 117, 72;
$september-gold-light: mix(#fff, $september-gold, 20%);
$september-gold-dark: mix(#000, $september-gold, 20%);
.element {
color: $september-gold;
box-shadow: 0 0 0 2px rgba($september-gold, 0.35);
}