Benannte Farbe · #73884D
Green Suede
Green Suede ist #73884D: rgb(115 136 77), hsl(81 28% 42%), oklch(0.595 0.087 125). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Suede color name →
#73884D
oklch(0.595 0.087 125)
Farbumrechnungen
- HEX
- #73884d
- RGB
- rgb(115 136 77)
- HSL
- hsl(81 28% 42%)
- HWB
- hwb(81 30% 47%)
- OKLCH
- oklch(0.595 0.087 125)
- OKLab
- oklab(0.595 -0.05 0.071)
- CIE Lab
- lab(53.94 -15.59 28.97)
- LCH
- lch(53.94 32.9 118.3)
- CMYK
- cmyk(15% 0% 43% 47%)
Tints · Shades · Tones
Tints
- 80935F
- 8D9F70
- 9BAB81
- A9B693
- B6C2A4
- C5CEB6
- D3DAC8
- E1E6DA
- F0F3EC
Shades
- 637542
- 546337
- 45522C
- 364122
- 283118
- 1B220F
- 0F1307
- 050602
- 010100
Tones
- 748753
- 768759
- 77865E
- 788563
- 798468
- 7B846D
- 7C8372
- 7D8277
- 7F817B
Farbharmonien
Komplementär +180°
- 73884D
Green Suede
- 8B72A9
≈ Fairy Wren
Analog -30° +30°
- 73884D
Green Suede
- 8F7E3E
≈ Peas Please
- 528E68
≈ Green Weed
Triadisch +120° +240°
- 73884D
Green Suede
- 5084AF
≈ Ship’s Harbour
- AB6878
≈ Refined Rose
Geteilt komplementär +150° +210°
- 73884D
Green Suede
- 707BB3
≈ Magic Moment
- 9F6B93
≈ Flowering Raspberry
Tetradisch +90° +180° +270°
- 73884D
Green Suede
- 348C9F
≈ Scooter
- 8B72A9
≈ Fairy Wren
- AC6C5B
≈ Bantam Egg
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.91:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.35:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--green-suede: #73884d;
--green-suede-rgb: 115 136 77;
--green-suede-oklch: oklch(0.595 0.087 125);
}
.element {
color: var(--green-suede);
background-color: hsl(81 28% 42%);
border-color: oklch(0.595 0.087 125);
}Tailwind CSS v4
@theme {
--color-green-suede: #73884d;
--color-green-suede-50: #eefae0;
--color-green-suede-100: #e0eecf;
--color-green-suede-200: #cadcb4;
--color-green-suede-300: #abc090;
--color-green-suede-400: #93a86f;
--color-green-suede-500: #79904e;
--color-green-suede-600: #677a43;
--color-green-suede-700: #526235;
--color-green-suede-800: #3d4724;
--color-green-suede-900: #2a3118;
--color-green-suede-950: #171d09;
}SCSS
$green-suede: #73884d;
$green-suede-rgb: 115, 136, 77;
$green-suede-light: mix(#fff, $green-suede, 20%);
$green-suede-dark: mix(#000, $green-suede, 20%);
.element {
color: $green-suede;
box-shadow: 0 0 0 2px rgba($green-suede, 0.35);
}