Benannte Farbe · #7A634F
Folk Guitar
Folk Guitar ist #7A634F: rgb(122 99 79), hsl(28 21% 39%), oklch(0.517 0.042 62.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Folk Guitar color name →
#7A634F
oklch(0.517 0.042 62.7)
Farbumrechnungen
- HEX
- #7a634f
- RGB
- rgb(122 99 79)
- HSL
- hsl(28 21% 39%)
- HWB
- hwb(28 31% 52%)
- OKLCH
- oklch(0.517 0.042 62.7)
- OKLab
- oklab(0.517 0.019 0.038)
- CIE Lab
- lab(43.87 7.27 15.07)
- LCH
- lch(43.87 16.73 64.2)
- CMYK
- cmyk(0% 19% 35% 52%)
Tints · Shades · Tones
Tints
- 87715F
- 938070
- A08F81
- AE9E92
- BBAEA3
- C8BEB5
- D6CEC7
- E3DED9
- F1EEEC
Shades
- 695544
- 594738
- 493A2E
- 3A2E23
- 2B2119
- 1D1610
- 100B07
- 050302
- 010000
Tones
- 7B6654
- 7B6959
- 7C6C5E
- 7D6F63
- 7D7268
- 7E746C
- 7E7771
- 7F7A76
- 807D7B
Farbharmonien
Komplementär +180°
- 7A634F
Folk Guitar
- 536B7F
≈ Fern Flower
Analog -30° +30°
- 7A634F
Folk Guitar
- 7F5F59
≈ Book Binder
- 70684C
≈ City Arboretum
Triadisch +120° +240°
- 7A634F
Folk Guitar
- 4C706A
≈ Par Four
- 6D627D
≈ Victorian Iris
Geteilt komplementär +150° +210°
- 7A634F
Folk Guitar
- 4B6F77
≈ Winter Storm
- 606781
≈ Spaceman
Tetradisch +90° +180° +270°
- 7A634F
Folk Guitar
- 566F5C
≈ Green Bayou
- 536B7F
≈ Fern Flower
- 775F73
≈ Black Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.63:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--folk-guitar: #7a634f;
--folk-guitar-rgb: 122 99 79;
--folk-guitar-oklch: oklch(0.517 0.042 62.7);
}
.element {
color: var(--folk-guitar);
background-color: hsl(28 21% 39%);
border-color: oklch(0.517 0.042 62.7);
}Tailwind CSS v4
@theme {
--color-folk-guitar: #7a634f;
--color-folk-guitar-50: #fef3e9;
--color-folk-guitar-100: #f2e5da;
--color-folk-guitar-200: #e2d1c2;
--color-folk-guitar-300: #c7b3a1;
--color-folk-guitar-400: #b19985;
--color-folk-guitar-500: #9b8069;
--color-folk-guitar-600: #836d5a;
--color-folk-guitar-700: #695747;
--color-folk-guitar-800: #4e3f34;
--color-folk-guitar-900: #362b23;
--color-folk-guitar-950: #211912;
}SCSS
$folk-guitar: #7a634f;
$folk-guitar-rgb: 122, 99, 79;
$folk-guitar-light: mix(#fff, $folk-guitar, 20%);
$folk-guitar-dark: mix(#000, $folk-guitar, 20%);
.element {
color: $folk-guitar;
box-shadow: 0 0 0 2px rgba($folk-guitar, 0.35);
}