Nächste benannte Farbe · #618400
#618400
Nächste benannte Farbe: Avocado
#618400 (rgb(97 132 0), hsl(76 100% 26%), oklch(0.566 0.144 126)) liegt am nächsten an der benannten Farbe Avocado. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#618400
oklch(0.566 0.144 126)
Farbumrechnungen
- HEX
- #618400
- RGB
- rgb(97 132 0)
- HSL
- hsl(76 100% 26%)
- HWB
- hwb(76 0% 48%)
- OKLCH
- oklch(0.566 0.144 126)
- OKLab
- oklab(0.566 -0.085 0.116)
- CIE Lab
- lab(50.92 -25.04 53.82)
- LCH
- lch(50.92 59.36 115)
- CMYK
- cmyk(27% 0% 100% 48%)
Tints · Shades · Tones
Tints
- 70902F
- 7E9C4A
- 8EA962
- 9DB579
- ADC18F
- BDCDA5
- CDDABB
- DDE6D2
- EEF3E8
Shades
- 537200
- 466000
- 394F00
- 2D3F00
- 212F00
- 152000
- 0B1200
- 030600
- 000100
Tones
- 648420
- 678431
- 6A843E
- 6D8349
- 708354
- 73835D
- 778266
- 7A826F
- 7D8178
Farbharmonien
Komplementär +180°
- 618400
Avocado
- 8B5CB8
≈ Lusty Lavender
Analog -30° +30°
- 618400
Avocado
- 8B7500
≈ Vermin Brown
- 008D52
≈ Iceland Green
Triadisch +120° +240°
- 618400
Avocado
- 057BC5
≈ Star of Life
- B94B69
≈ Pink Dahlia
Geteilt komplementär +150° +210°
- 618400
Avocado
- 616BC9
≈ Borage Blue
- A85096
≈ Plum Dust
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.36:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.80:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--avocado: #618400;
--avocado-rgb: 97 132 0;
--avocado-oklch: oklch(0.566 0.144 126);
}
.element {
color: var(--avocado);
background-color: hsl(76 100% 26%);
border-color: oklch(0.566 0.144 126);
}Tailwind CSS v4
@theme {
--color-avocado: #618400;
--color-avocado-50: #e9fed2;
--color-avocado-100: #daf2be;
--color-avocado-200: #c2e19e;
--color-avocado-300: #a2c674;
--color-avocado-400: #89ad47;
--color-avocado-500: #6e9600;
--color-avocado-600: #5e7f09;
--color-avocado-700: #4b6609;
--color-avocado-800: #384a01;
--color-avocado-900: #263302;
--color-avocado-950: #151f00;
}SCSS
$avocado: #618400;
$avocado-rgb: 97, 132, 0;
$avocado-light: mix(#fff, $avocado, 20%);
$avocado-dark: mix(#000, $avocado, 20%);
.element {
color: $avocado;
box-shadow: 0 0 0 2px rgba($avocado, 0.35);
}