Benannte Farbe · #9A9147
Tangy Dill
Tangy Dill ist #9A9147: rgb(154 145 71), hsl(53 37% 44%), oklch(0.649 0.096 102.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tangy Dill color name →
#9A9147
oklch(0.649 0.096 102.4)
Farbumrechnungen
- HEX
- #9a9147
- RGB
- rgb(154 145 71)
- HSL
- hsl(53 37% 44%)
- HWB
- hwb(53 28% 40%)
- OKLCH
- oklch(0.649 0.096 102.4)
- OKLab
- oklab(0.649 -0.021 0.094)
- CIE Lab
- lab(59.77 -4.01 39.93)
- LCH
- lch(59.77 40.13 95.7)
- CMYK
- cmyk(0% 6% 54% 40%)
Tints · Shades · Tones
Tints
- A49C5B
- ADA76D
- B7B180
- C1BC92
- CBC7A4
- D5D2B6
- DFDDC8
- EAE9DA
- F4F4EC
Shades
- 857D3D
- 716A32
- 5E5828
- 4B461F
- 393516
- 27250D
- 171506
- 090702
- 010100
Tones
- 978F4F
- 958E55
- 928C5C
- 8F8B62
- 8D8967
- 8A876D
- 888572
- 858477
- 82827B
Farbharmonien
Komplementär +180°
- 9A9147
Tangy Dill
- 8687C8
≈ Brocade
Analog -30° +30°
- 9A9147
Tangy Dill
- B38548
≈ Rice Curry
- 789B5D
≈ Leek Soup
Triadisch +120° +240°
- 9A9147
Tangy Dill
- 3F9CB9
≈ Sports Blue
- B7779F
≈ Valentine Heart
Geteilt komplementär +150° +210°
- 9A9147
Tangy Dill
- 6392C8
≈ Cobalt Glow
- A37DB9
≈ Lush Lilac
Tetradisch +90° +180° +270°
- 9A9147
Tangy Dill
- 34A19E
≈ Baltic Green
- 8687C8
≈ Brocade
- C2757F
≈ Cinnamon Roll
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.51:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--tangy-dill: #9a9147;
--tangy-dill-rgb: 154 145 71;
--tangy-dill-oklch: oklch(0.649 0.096 102.4);
}
.element {
color: var(--tangy-dill);
background-color: hsl(53 37% 44%);
border-color: oklch(0.649 0.096 102.4);
}Tailwind CSS v4
@theme {
--color-tangy-dill: #9a9147;
--color-tangy-dill-50: #f9f7d8;
--color-tangy-dill-100: #eceac6;
--color-tangy-dill-200: #dad7a8;
--color-tangy-dill-300: #bfba80;
--color-tangy-dill-400: #a9a15b;
--color-tangy-dill-500: #938833;
--color-tangy-dill-600: #7c732d;
--color-tangy-dill-700: #635c24;
--color-tangy-dill-800: #4a4317;
--color-tangy-dill-900: #332e0f;
--color-tangy-dill-950: #1f1b03;
}SCSS
$tangy-dill: #9a9147;
$tangy-dill-rgb: 154, 145, 71;
$tangy-dill-light: mix(#fff, $tangy-dill, 20%);
$tangy-dill-dark: mix(#000, $tangy-dill, 20%);
.element {
color: $tangy-dill;
box-shadow: 0 0 0 2px rgba($tangy-dill, 0.35);
}