Benannte Farbe · #938B4B
Negishi Green
Negishi Green ist #938B4B: rgb(147 139 75), hsl(53 32% 44%), oklch(0.629 0.086 102.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Negishi Green color name →
#938B4B
oklch(0.629 0.086 102.2)
Farbumrechnungen
- HEX
- #938b4b
- RGB
- rgb(147 139 75)
- HSL
- hsl(53 32% 44%)
- HWB
- hwb(53 29% 42%)
- OKLCH
- oklch(0.629 0.086 102.2)
- OKLab
- oklab(0.629 -0.018 0.084)
- CIE Lab
- lab(57.49 -3.68 35.07)
- LCH
- lch(57.49 35.26 96)
- CMYK
- cmyk(0% 5% 49% 42%)
Tints · Shades · Tones
Tints
- 9D965D
- A8A26F
- B2AD81
- BDB893
- C7C4A4
- D2D0B6
- DDDBC8
- E8E7DA
- F4F3ED
Shades
- 7F7840
- 6C6635
- 59542B
- 474321
- 363217
- 25230E
- 161406
- 080702
- 010100
Tones
- 918A52
- 8F8958
- 8D885D
- 8B8763
- 898668
- 87856D
- 858472
- 848277
- 82817C
Farbharmonien
Komplementär +180°
- 938B4B
Negishi Green
- 8183BC
≈ Deep Periwinkle
Analog -30° +30°
- 938B4B
Negishi Green
- A9804C
≈ Hamster Fur
- 75945D
≈ Vegetarian Veteran
Triadisch +120° +240°
- 938B4B
Negishi Green
- 4695AE
≈ Enchanted Well
- AD7497
≈ So Long Shadow
Geteilt komplementär +150° +210°
- 938B4B
Negishi Green
- 628CBC
≈ Faded Blue
- 9B7AAF
≈ English Lavender
Tetradisch +90° +180° +270°
- 938B4B
Negishi Green
- 3E9996
≈ Sea
- 8183BC
≈ Deep Periwinkle
- B6737B
≈ Hollyhock Bloom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.47:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.03:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--negishi-green: #938b4b;
--negishi-green-rgb: 147 139 75;
--negishi-green-oklch: oklch(0.629 0.086 102.2);
}
.element {
color: var(--negishi-green);
background-color: hsl(53 32% 44%);
border-color: oklch(0.629 0.086 102.2);
}Tailwind CSS v4
@theme {
--color-negishi-green: #938b4b;
--color-negishi-green-50: #f9f7db;
--color-negishi-green-100: #eceac9;
--color-negishi-green-200: #dad7ad;
--color-negishi-green-300: #beba87;
--color-negishi-green-400: #a8a164;
--color-negishi-green-500: #918840;
--color-negishi-green-600: #7b7337;
--color-negishi-green-700: #625c2c;
--color-negishi-green-800: #49431e;
--color-negishi-green-900: #332e13;
--color-negishi-green-950: #1e1b05;
}SCSS
$negishi-green: #938b4b;
$negishi-green-rgb: 147, 139, 75;
$negishi-green-light: mix(#fff, $negishi-green, 20%);
$negishi-green-dark: mix(#000, $negishi-green, 20%);
.element {
color: $negishi-green;
box-shadow: 0 0 0 2px rgba($negishi-green, 0.35);
}