Colore con nome · #9F9369
Chapter
Chapter è #9F9369: rgb(159 147 105), hsl(47 22% 52%), oklch(0.663 0.06 94.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chapter color name →
#9F9369
oklch(0.663 0.06 94.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A89D78
- B1A886
- BBB295
- C4BDA4
- CEC8B2
- D8D3C2
- E1DED1
- EBE9E0
- F5F4EF
Ombre
- 8A7F5A
- 756C4C
- 61593E
- 4D4731
- 3B3624
- 292518
- 18160C
- 090804
- 010100
Toni
- 9C916C
- 998F6E
- 968D71
- 928C73
- 8F8A76
- 8C8878
- 89867A
- 86847C
- 83827E
Armonie di colore
Complementare +180°
- 9F9369
Chapter
- 8791B8
≈ Soothsayer
Analogo -30° +30°
- 9F9369
Chapter
- AE8C6D
≈ River Road
- 8B9A71
≈ Sweet Florence
Triadico +120° +240°
- 9F9369
Chapter
- 679DAA
≈ Left Bank Blue
- AA86A2
≈ Lavender Herb
Complementare divisa +150° +210°
- 9F9369
Chapter
- 7498B6
≈ Splendid Blue
- 9B8AB1
≈ Flirty Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.85:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
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);
}