Nächste benannte Farbe · #7E9B5C
#7E9B5C
Nächste benannte Farbe: Frankenstein
#7E9B5C (rgb(126 155 92), hsl(88 26% 48%), oklch(0.652 0.094 128.9)) liegt am nächsten an der benannten Farbe Frankenstein. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7E9B5C
oklch(0.652 0.094 128.9)
Farbumrechnungen
- HEX
- #7e9b5c
- RGB
- rgb(126 155 92)
- HSL
- hsl(88 26% 48%)
- HWB
- hwb(88 36% 39%)
- OKLCH
- oklch(0.652 0.094 128.9)
- OKLab
- oklab(0.652 -0.059 0.073)
- CIE Lab
- lab(60.59 -18.93 29.53)
- LCH
- lch(60.59 35.08 122.7)
- CMYK
- cmyk(19% 0% 41% 39%)
Tints · Shades · Tones
Tints
- 8AA56C
- 97AF7C
- A3B98C
- B0C29C
- BDCCAC
- CAD6BD
- D7E1CD
- E4EBDE
- F1F5EE
Shades
- 6D864F
- 5C7242
- 4C5E36
- 3C4B2A
- 2D391F
- 1F2814
- 11180A
- 050903
- 010100
Tones
- 7E9860
- 7F9664
- 7F9368
- 7F906C
- 7F8E70
- 7F8B73
- 808877
- 80867A
- 80837D
Farbharmonien
Komplementär +180°
- 7E9B5C
Frankenstein
- A080BB
≈ Purple Mountains’ Majesty
Analog -30° +30°
- 7E9B5C
Frankenstein
- 9E9149
≈ Off the Grid
- 59A17B
≈ Advertising Green
Triadisch +120° +240°
- 7E9B5C
Frankenstein
- 6194C7
≈ Come Sail Away
- C17784
≈ Rosily
Geteilt komplementär +150° +210°
- 7E9B5C
Frankenstein
- 838AC8
≈ True Lavender
- B679A3
≈ Purple Cheeks
Tetradisch +90° +180° +270°
- 7E9B5C
Frankenstein
- 419DB6
≈ Sports Blue
- A080BB
≈ Purple Mountains’ Majesty
- C17B65
≈ Pinata
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.12:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.73:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--frankenstein: #7e9b5c;
--frankenstein-rgb: 126 155 92;
--frankenstein-oklch: oklch(0.652 0.094 128.9);
}
.element {
color: var(--frankenstein);
background-color: hsl(88 26% 48%);
border-color: oklch(0.652 0.094 128.9);
}Tailwind CSS v4
@theme {
--color-frankenstein: #7e9b5c;
--color-frankenstein-50: #ecfbdf;
--color-frankenstein-100: #ddefcf;
--color-frankenstein-200: #c6ddb3;
--color-frankenstein-300: #a7c28f;
--color-frankenstein-400: #8daa6d;
--color-frankenstein-500: #73924c;
--color-frankenstein-600: #617c41;
--color-frankenstein-700: #4e6334;
--color-frankenstein-800: #3a4823;
--color-frankenstein-900: #273217;
--color-frankenstein-950: #161e08;
}SCSS
$frankenstein: #7e9b5c;
$frankenstein-rgb: 126, 155, 92;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}