Benannte Farbe · #7F795F
Rainforest Zipline
Rainforest Zipline ist #7F795F: rgb(127 121 95), hsl(49 14% 44%), oklch(0.574 0.039 96.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rainforest Zipline color name →
#7F795F
oklch(0.574 0.039 96.6)
Farbumrechnungen
- HEX
- #7f795f
- RGB
- rgb(127 121 95)
- HSL
- hsl(49 14% 44%)
- HWB
- hwb(49 37% 50%)
- OKLCH
- oklch(0.574 0.039 96.6)
- OKLab
- oklab(0.574 -0.004 0.038)
- CIE Lab
- lab(50.83 -0.96 15.19)
- LCH
- lch(50.83 15.22 93.6)
- CMYK
- cmyk(0% 5% 25% 50%)
Tints · Shades · Tones
Tints
- 8B866E
- 97927D
- A49F8D
- B0AD9C
- BDBAAC
- CAC7BC
- D7D5CD
- E4E3DD
- F1F1EE
Shades
- 6E6852
- 5D5844
- 4C4838
- 3C392C
- 2D2B20
- 1F1D15
- 11100A
- 060503
- 010100
Tones
- 7F7A62
- 7F7A66
- 7F7B69
- 7F7C6C
- 7F7D70
- 807D73
- 807E76
- 807F7A
- 807F7D
Farbharmonien
Komplementär +180°
- 7F795F
Rainforest Zipline
- 727790
≈ Little Theatre
Analog -30° +30°
- 7F795F
Rainforest Zipline
- 897561
≈ Mink
- 737D65
≈ Limed Ash
Triadisch +120° +240°
- 7F795F
Rainforest Zipline
- 5F7F88
≈ Refuge
- 887081
≈ Sapphire Pink
Geteilt komplementär +150° +210°
- 7F795F
Rainforest Zipline
- 667B8F
≈ Blue Suede
- 7E738B
≈ Batik Lilac
Tetradisch +90° +180° +270°
- 7F795F
Rainforest Zipline
- 5F807C
≈ Teal Stencil
- 727790
≈ Little Theatre
- 8E6F75
≈ Myself
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.37:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.80:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--rainforest-zipline: #7f795f;
--rainforest-zipline-rgb: 127 121 95;
--rainforest-zipline-oklch: oklch(0.574 0.039 96.6);
}
.element {
color: var(--rainforest-zipline);
background-color: hsl(49 14% 44%);
border-color: oklch(0.574 0.039 96.6);
}Tailwind CSS v4
@theme {
--color-rainforest-zipline: #7f795f;
--color-rainforest-zipline-50: #f8f6e9;
--color-rainforest-zipline-100: #ebe8da;
--color-rainforest-zipline-200: #d8d5c2;
--color-rainforest-zipline-300: #bcb8a2;
--color-rainforest-zipline-400: #a59f85;
--color-rainforest-zipline-500: #8d8769;
--color-rainforest-zipline-600: #787259;
--color-rainforest-zipline-700: #605b47;
--color-rainforest-zipline-800: #474233;
--color-rainforest-zipline-900: #312e23;
--color-rainforest-zipline-950: #1d1b12;
}SCSS
$rainforest-zipline: #7f795f;
$rainforest-zipline-rgb: 127, 121, 95;
$rainforest-zipline-light: mix(#fff, $rainforest-zipline, 20%);
$rainforest-zipline-dark: mix(#000, $rainforest-zipline, 20%);
.element {
color: $rainforest-zipline;
box-shadow: 0 0 0 2px rgba($rainforest-zipline, 0.35);
}