Benannte Farbe · #95945C
Tansy Green
Tansy Green ist #95945C: rgb(149 148 92), hsl(59 24% 47%), oklch(0.654 0.076 107.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tansy Green color name →
#95945C
oklch(0.654 0.076 107.5)
Farbumrechnungen
- HEX
- #95945c
- RGB
- rgb(149 148 92)
- HSL
- hsl(59 24% 47%)
- HWB
- hwb(59 36% 42%)
- OKLCH
- oklch(0.654 0.076 107.5)
- OKLab
- oklab(0.654 -0.023 0.073)
- CIE Lab
- lab(60.4 -6.1 29.75)
- LCH
- lch(60.4 30.37 101.6)
- CMYK
- cmyk(0% 1% 38% 42%)
Tints · Shades · Tones
Tints
- 9F9E6C
- A9A97C
- B3B38C
- BEBE9C
- C8C9AC
- D3D3BD
- DEDECD
- E9E9DE
- F4F4EE
Shades
- 81804F
- 6D6D42
- 5A5A36
- 48482A
- 37361F
- 262614
- 16160A
- 080803
- 010100
Tones
- 939260
- 919064
- 8E8E68
- 8C8C6C
- 8A8A70
- 888873
- 868677
- 84847A
- 82827D
Farbharmonien
Komplementär +180°
- 95945C
Tansy Green
- 8D89BD
≈ Butterfly Garden
Analog -30° +30°
- 95945C
Tansy Green
- AB8B5A
≈ Golden Quartz Ochre
- 7A9C6E
≈ Wild Thyme
Triadisch +120° +240°
- 95945C
Tansy Green
- 5B9AB5
≈ Pass Time Blue
- B47D99
≈ Antique Hot Pink
Geteilt komplementär +150° +210°
- 95945C
Tansy Green
- 7392BF
≈ King Neptune
- A482AF
≈ Nightshade Violet
Tetradisch +90° +180° +270°
- 95945C
Tansy Green
- 529FA1
≈ Rockpool
- 8D89BD
≈ Butterfly Garden
- BA7D7F
≈ Rennie’s Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.66:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--tansy-green: #95945c;
--tansy-green-rgb: 149 148 92;
--tansy-green-oklch: oklch(0.654 0.076 107.5);
}
.element {
color: var(--tansy-green);
background-color: hsl(59 24% 47%);
border-color: oklch(0.654 0.076 107.5);
}Tailwind CSS v4
@theme {
--color-tansy-green: #95945c;
--color-tansy-green-50: #f6f7df;
--color-tansy-green-100: #e9ebce;
--color-tansy-green-200: #d6d8b2;
--color-tansy-green-300: #babb8e;
--color-tansy-green-400: #a3a26d;
--color-tansy-green-500: #8b8a4c;
--color-tansy-green-600: #767541;
--color-tansy-green-700: #5e5d33;
--color-tansy-green-800: #464424;
--color-tansy-green-900: #302f18;
--color-tansy-green-950: #1d1b09;
}SCSS
$tansy-green: #95945c;
$tansy-green-rgb: 149, 148, 92;
$tansy-green-light: mix(#fff, $tansy-green, 20%);
$tansy-green-dark: mix(#000, $tansy-green, 20%);
.element {
color: $tansy-green;
box-shadow: 0 0 0 2px rgba($tansy-green, 0.35);
}