Nazwany kolor · #816945
Golden Summer
Golden Summer to #816945: rgb(129 105 69), hsl(36 30% 39%), oklch(0.535 0.06 77.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Golden Summer color name →
#816945
oklch(0.535 0.06 77.1)
Konwersje koloru
- HEX
- #816945
- RGB
- rgb(129 105 69)
- HSL
- hsl(36 30% 39%)
- HWB
- hwb(36 27% 49%)
- OKLCH
- oklch(0.535 0.06 77.1)
- OKLab
- oklab(0.535 0.013 0.058)
- CIE Lab
- lab(46.14 6.13 24)
- LCH
- lch(46.14 24.77 75.7)
- CMYK
- cmyk(0% 19% 47% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D7757
- 998568
- A5947A
- B2A38C
- BEB19F
- CBC1B2
- D8D0C4
- E5DFD8
- F2EFEB
Odcienie ciemniejsze
- 6F5A3B
- 5E4C31
- 4E3E27
- 3E311E
- 2E2415
- 1F180C
- 120C05
- 060402
- 010000
Tony
- 816B4B
- 816E51
- 817058
- 81725D
- 817563
- 817769
- 81796F
- 807C75
- 807E7A
Harmonie kolorów
Komplementarna +180°
- 816945
Golden Summer
- 576F90
≈ Moonlight Blue
Analogowa -30° +30°
- 816945
Golden Summer
- 8B634F
≈ Gaboon Viper
- 717047
≈ Classic Avocado
Triada +120° +240°
- 816945
Golden Summer
- 407879
≈ Tropical Rain
- 7C6385
≈ Grape Jelly
Komplementarna rozszczepiona +150° +210°
- 816945
Golden Summer
- 467588
≈ Majestic Mountain
- 6B688F
≈ Wild Wisteria
Tetrada +90° +180° +270°
- 816945
Golden Summer
- 4A7966
≈ Leaping Lizard
- 576F90
≈ Moonlight Blue
- 885F74
≈ Purple Gumdrop
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.19:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.03:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.19:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-summer: #816945;
--golden-summer-rgb: 129 105 69;
--golden-summer-oklch: oklch(0.535 0.06 77.1);
}
.element {
color: var(--golden-summer);
background-color: hsl(36 30% 39%);
border-color: oklch(0.535 0.06 77.1);
}Tailwind CSS v4
@theme {
--color-golden-summer: #816945;
--color-golden-summer-50: #fff4e3;
--color-golden-summer-100: #f3e6d2;
--color-golden-summer-200: #e2d2b8;
--color-golden-summer-300: #c8b495;
--color-golden-summer-400: #b39a77;
--color-golden-summer-500: #9d8158;
--color-golden-summer-600: #846e4b;
--color-golden-summer-700: #6a583c;
--color-golden-summer-800: #4f402b;
--color-golden-summer-900: #372c1d;
--color-golden-summer-950: #22190d;
}SCSS
$golden-summer: #816945;
$golden-summer-rgb: 129, 105, 69;
$golden-summer-light: mix(#fff, $golden-summer, 20%);
$golden-summer-dark: mix(#000, $golden-summer, 20%);
.element {
color: $golden-summer;
box-shadow: 0 0 0 2px rgba($golden-summer, 0.35);
}