Benannte Farbe · #9F9369
Chapter
Chapter ist #9F9369: rgb(159 147 105), hsl(47 22% 52%), oklch(0.663 0.06 94.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Chapter color name →
#9F9369
oklch(0.663 0.06 94.1)
Farbumrechnungen
- HEX
- #9f9369
- RGB
- rgb(159 147 105)
- HSL
- hsl(47 22% 52%)
- HWB
- hwb(47 41% 38%)
- OKLCH
- oklch(0.663 0.06 94.1)
- OKLab
- oklab(0.663 -0.004 0.06)
- CIE Lab
- lab(61.21 -0.22 23.99)
- LCH
- lch(61.21 23.99 90.5)
- CMYK
- cmyk(0% 8% 34% 38%)
Tints · Shades · Tones
Tints
- A89D78
- B1A886
- BBB295
- C4BDA4
- CEC8B2
- D8D3C2
- E1DED1
- EBE9E0
- F5F4EF
Shades
- 8A7F5A
- 756C4C
- 61593E
- 4D4731
- 3B3624
- 292518
- 18160C
- 090804
- 010100
Tones
- 9C916C
- 998F6E
- 968D71
- 928C73
- 8F8A76
- 8C8878
- 89867A
- 86847C
- 83827E
Farbharmonien
Komplementär +180°
- 9F9369
Chapter
- 8791B8
≈ Soothsayer
Analog -30° +30°
- 9F9369
Chapter
- AE8C6D
≈ River Road
- 8B9A71
≈ Sweet Florence
Triadisch +120° +240°
- 9F9369
Chapter
- 679DAA
≈ Left Bank Blue
- AA86A2
≈ Lavender Herb
Geteilt komplementär +150° +210°
- 9F9369
Chapter
- 7498B6
≈ Splendid Blue
- 9B8AB1
≈ Flirty Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.85:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--chapter: #9f9369;
--chapter-rgb: 159 147 105;
--chapter-oklch: oklch(0.663 0.06 94.1);
}
.element {
color: var(--chapter);
background-color: hsl(47 22% 52%);
border-color: oklch(0.663 0.06 94.1);
}Tailwind CSS v4
@theme {
--color-chapter: #9f9369;
--color-chapter-50: #faf5e3;
--color-chapter-100: #ede8d2;
--color-chapter-200: #dbd5b8;
--color-chapter-300: #c0b895;
--color-chapter-400: #aa9e76;
--color-chapter-500: #938658;
--color-chapter-600: #7c714b;
--color-chapter-700: #645b3b;
--color-chapter-800: #4a422a;
--color-chapter-900: #332d1c;
--color-chapter-950: #1f1a0c;
}SCSS
$chapter: #9f9369;
$chapter-rgb: 159, 147, 105;
$chapter-light: mix(#fff, $chapter, 20%);
$chapter-dark: mix(#000, $chapter, 20%);
.element {
color: $chapter;
box-shadow: 0 0 0 2px rgba($chapter, 0.35);
}