Nazwany kolor · #7F6640
Seasoned Acorn
Seasoned Acorn to #7F6640: rgb(127 102 64), hsl(36 33% 37%), oklch(0.526 0.063 77.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Seasoned Acorn color name →
#7F6640
oklch(0.526 0.063 77.2)
Konwersje koloru
- HEX
- #7f6640
- RGB
- rgb(127 102 64)
- HSL
- hsl(36 33% 37%)
- HWB
- hwb(36 25% 50%)
- OKLCH
- oklch(0.526 0.063 77.2)
- OKLab
- oklab(0.526 0.014 0.061)
- CIE Lab
- lab(45.02 6.5 25.38)
- LCH
- lch(45.02 26.2 75.6)
- CMYK
- cmyk(0% 20% 50% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B7452
- 988364
- A49277
- B1A189
- BDB09C
- CABFAF
- D7CFC3
- E4DFD7
- F2EFEB
Odcienie ciemniejsze
- 6E5836
- 5D4A2D
- 4C3C24
- 3C2F1B
- 2D2313
- 1F170B
- 110C05
- 060401
- 010000
Tony
- 7F6947
- 7F6B4E
- 806E54
- 80715B
- 807361
- 807667
- 80786D
- 807B74
- 807D7A
Harmonie kolorów
Komplementarna +180°
- 7F6640
Seasoned Acorn
- 536C8F
≈ Wickford Bay
Analogowa -30° +30°
- 7F6640
Seasoned Acorn
- 895F4B
≈ Spicy Mix
- 6E6D42
≈ Jungle Trail
Triada +120° +240°
- 7F6640
Seasoned Acorn
- 397677
≈ Ming
- 7A5F83
≈ Trendy Pink
Komplementarna rozszczepiona +150° +210°
- 7F6640
Seasoned Acorn
- 417287
≈ Calypso
- 68658D
≈ Twilight Purple
Tetrada +90° +180° +270°
- 7F6640
Seasoned Acorn
- 457663
≈ Fir
- 536C8F
≈ Wickford Bay
- 865C71
≈ Tulipwood
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.41:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.87:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--seasoned-acorn: #7f6640;
--seasoned-acorn-rgb: 127 102 64;
--seasoned-acorn-oklch: oklch(0.526 0.063 77.2);
}
.element {
color: var(--seasoned-acorn);
background-color: hsl(36 33% 37%);
border-color: oklch(0.526 0.063 77.2);
}Tailwind CSS v4
@theme {
--color-seasoned-acorn: #7f6640;
--color-seasoned-acorn-50: #fff4e2;
--color-seasoned-acorn-100: #f3e6d1;
--color-seasoned-acorn-200: #e3d2b7;
--color-seasoned-acorn-300: #c9b494;
--color-seasoned-acorn-400: #b49a75;
--color-seasoned-acorn-500: #9e8156;
--color-seasoned-acorn-600: #856d49;
--color-seasoned-acorn-700: #6b573a;
--color-seasoned-acorn-800: #4f3f29;
--color-seasoned-acorn-900: #372c1c;
--color-seasoned-acorn-950: #22190c;
}SCSS
$seasoned-acorn: #7f6640;
$seasoned-acorn-rgb: 127, 102, 64;
$seasoned-acorn-light: mix(#fff, $seasoned-acorn, 20%);
$seasoned-acorn-dark: mix(#000, $seasoned-acorn, 20%);
.element {
color: $seasoned-acorn;
box-shadow: 0 0 0 2px rgba($seasoned-acorn, 0.35);
}