Benannte Farbe · #979381
Sylvan
Sylvan ist #979381: rgb(151 147 129), hsl(49 10% 55%), oklch(0.662 0.026 96.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sylvan color name →
#979381
oklch(0.662 0.026 96.7)
Farbumrechnungen
- HEX
- #979381
- RGB
- rgb(151 147 129)
- HSL
- hsl(49 10% 55%)
- HWB
- hwb(49 51% 41%)
- OKLCH
- oklch(0.662 0.026 96.7)
- OKLab
- oklab(0.662 -0.003 0.026)
- CIE Lab
- lab(60.9 -0.86 10.13)
- LCH
- lch(60.9 10.16 94.9)
- CMYK
- cmyk(0% 3% 15% 41%)
Tints · Shades · Tones
Tints
- A19D8D
- ABA899
- B5B2A5
- BFBDB2
- CAC8BE
- D4D3CB
- DFDED8
- E9E9E5
- F4F4F2
Shades
- 837F6F
- 6F6C5E
- 5C594E
- 49473E
- 37362E
- 26251F
- 171612
- 080806
- 010101
Tones
- 959181
- 928F81
- 908D81
- 8E8B81
- 8B8981
- 898881
- 878680
- 858480
- 828280
Farbharmonien
Komplementär +180°
- 979381
Sylvan
- 8E92A3
≈ Cotton Flannel
Analog -30° +30°
- 979381
Sylvan
- 9E9082
≈ Ancient Wonder
- 8E9685
≈ Agreeable Green
Triadisch +120° +240°
- 979381
Sylvan
- 81979D
≈ Morning at Sea
- 9E8D99
≈ Greige Violet
Geteilt komplementär +150° +210°
- 979381
Sylvan
- 8695A2
≈ Supreme Grey
- 978FA0
≈ Alienator Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--sylvan: #979381;
--sylvan-rgb: 151 147 129;
--sylvan-oklch: oklch(0.662 0.026 96.7);
}
.element {
color: var(--sylvan);
background-color: hsl(49 10% 55%);
border-color: oklch(0.662 0.026 96.7);
}Tailwind CSS v4
@theme {
--color-sylvan: #979381;
--color-sylvan-50: #f7f5ed;
--color-sylvan-100: #eae8de;
--color-sylvan-200: #d7d5c8;
--color-sylvan-300: #bab8a9;
--color-sylvan-400: #a39f8d;
--color-sylvan-500: #8b8773;
--color-sylvan-600: #767261;
--color-sylvan-700: #5e5b4e;
--color-sylvan-800: #454238;
--color-sylvan-900: #302e26;
--color-sylvan-950: #1c1b15;
}SCSS
$sylvan: #979381;
$sylvan-rgb: 151, 147, 129;
$sylvan-light: mix(#fff, $sylvan, 20%);
$sylvan-dark: mix(#000, $sylvan, 20%);
.element {
color: $sylvan;
box-shadow: 0 0 0 2px rgba($sylvan, 0.35);
}