Nächste benannte Farbe · #60741E
#60741E
Nächste benannte Farbe: Muddy Green
#60741E (rgb(96 116 30), hsl(74 59% 29%), oklch(0.525 0.112 121.8)) liegt am nächsten an der benannten Farbe Muddy Green. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#60741E
oklch(0.525 0.112 121.8)
Farbumrechnungen
- HEX
- #60741e
- RGB
- rgb(96 116 30)
- HSL
- hsl(74 59% 29%)
- HWB
- hwb(74 12% 55%)
- OKLCH
- oklch(0.525 0.112 121.8)
- OKLab
- oklab(0.525 -0.059 0.095)
- CIE Lab
- lab(45.91 -17.13 42.1)
- LCH
- lch(45.91 45.45 112.1)
- CMYK
- cmyk(17% 0% 74% 55%)
Tints · Shades · Tones
Tints
- 6E8139
- 7D8F50
- 8C9C66
- 9CAA7B
- ACB891
- BCC6A6
- CCD4BC
- DDE2D2
- EEF1E8
Shades
- 526419
- 455413
- 38450E
- 2C3709
- 202905
- 151B03
- 0A0F01
- 030500
- 000100
Tones
- 63752C
- 667738
- 697843
- 6C794C
- 707B56
- 737C5E
- 767D67
- 797E70
- 7D7F78
Farbharmonien
Komplementär +180°
- 60741E
Muddy Green
- 7759A0
≈ Sumire Violet
Analog -30° +30°
- 60741E
Muddy Green
- 816700
≈ Alligator
- 2D7C49
≈ Salem
Triadisch +120° +240°
- 60741E
Muddy Green
- 1D71A5
≈ Quarterdeck
- 9E4C65
≈ Cherry Berry
Geteilt komplementär +150° +210°
- 60741E
Muddy Green
- 5465AB
≈ Submarine Base
- 8F5087
≈ Razzmic Berry
Tetradisch +90° +180° +270°
- 60741E
Muddy Green
- 007889
≈ Biscay Bay
- 7759A0
≈ Sumire Violet
- A14F40
≈ Boynton Canyon
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--muddy-green: #60741e;
--muddy-green-rgb: 96 116 30;
--muddy-green-oklch: oklch(0.525 0.112 121.8);
}
.element {
color: var(--muddy-green);
background-color: hsl(74 59% 29%);
border-color: oklch(0.525 0.112 121.8);
}Tailwind CSS v4
@theme {
--color-muddy-green: #60741e;
--color-muddy-green-50: #eefbd8;
--color-muddy-green-100: #e0efc6;
--color-muddy-green-200: #cadda8;
--color-muddy-green-300: #abc181;
--color-muddy-green-400: #93a95b;
--color-muddy-green-500: #7a9133;
--color-muddy-green-600: #677b2d;
--color-muddy-green-700: #536223;
--color-muddy-green-800: #3e4816;
--color-muddy-green-900: #2a320e;
--color-muddy-green-950: #181e02;
}SCSS
$muddy-green: #60741e;
$muddy-green-rgb: 96, 116, 30;
$muddy-green-light: mix(#fff, $muddy-green, 20%);
$muddy-green-dark: mix(#000, $muddy-green, 20%);
.element {
color: $muddy-green;
box-shadow: 0 0 0 2px rgba($muddy-green, 0.35);
}