Benannte Farbe · #9F947D
Weather Board
Weather Board ist #9F947D: rgb(159 148 125), hsl(41 15% 56%), oklch(0.67 0.035 85.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Weather Board color name →
#9F947D
oklch(0.67 0.035 85.5)
Farbumrechnungen
- HEX
- #9f947d
- RGB
- rgb(159 148 125)
- HSL
- hsl(41 15% 56%)
- HWB
- hwb(41 49% 38%)
- OKLCH
- oklch(0.67 0.035 85.5)
- OKLab
- oklab(0.67 0.003 0.035)
- CIE Lab
- lab(61.82 1.34 13.76)
- LCH
- lch(61.82 13.83 84.4)
- CMYK
- cmyk(0% 7% 21% 38%)
Tints · Shades · Tones
Tints
- A89E89
- B2A996
- BBB3A3
- C4BEAF
- CEC8BC
- D8D3C9
- E1DED7
- EBE9E4
- F5F4F1
Shades
- 8A806C
- 756D5B
- 615A4B
- 4D483B
- 3B362C
- 29261E
- 181611
- 090805
- 010101
Tones
- 9C927D
- 99907E
- 968E7E
- 928C7E
- 8F8A7F
- 8C887F
- 89867F
- 868480
- 838280
Farbharmonien
Komplementär +180°
- 9F947D
Weather Board
- 8B95AC
≈ Silverfish
Analog -30° +30°
- 9F947D
Weather Board
- A79081
≈ Beach Cabana
- 949880
≈ Milkweed Pod
Triadisch +120° +240°
- 9F947D
Weather Board
- 7D9CA0
≈ Grand Boulevard
- A18EA1
≈ Cut Heather
Geteilt komplementär +150° +210°
- 9F947D
Weather Board
- 8199A8
≈ Beach Umbrella
- 9691A9
≈ Jazz Tune
Tetradisch +90° +180° +270°
- 9F947D
Weather Board
- 7F9D94
≈ Mountain Outlook
- 8B95AC
≈ Silverfish
- A88D96
≈ Gothic Amethyst
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.99:1 · APCA Lc 57
Ag
AAAAuf Schwarz
WCAG 7.00:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--weather-board: #9f947d;
--weather-board-rgb: 159 148 125;
--weather-board-oklch: oklch(0.67 0.035 85.5);
}
.element {
color: var(--weather-board);
background-color: hsl(41 15% 56%);
border-color: oklch(0.67 0.035 85.5);
}Tailwind CSS v4
@theme {
--color-weather-board: #9f947d;
--color-weather-board-50: #f9f5ea;
--color-weather-board-100: #ede7db;
--color-weather-board-200: #dbd4c4;
--color-weather-board-300: #bfb7a3;
--color-weather-board-400: #a89d87;
--color-weather-board-500: #91856c;
--color-weather-board-600: #7a705c;
--color-weather-board-700: #625a49;
--color-weather-board-800: #484135;
--color-weather-board-900: #322d24;
--color-weather-board-950: #1e1a13;
}SCSS
$weather-board: #9f947d;
$weather-board-rgb: 159, 148, 125;
$weather-board-light: mix(#fff, $weather-board, 20%);
$weather-board-dark: mix(#000, $weather-board, 20%);
.element {
color: $weather-board;
box-shadow: 0 0 0 2px rgba($weather-board, 0.35);
}