Nächste benannte Farbe · #849D00
#849D00
Nächste benannte Farbe: Noxious
#849D00 (rgb(132 157 0), hsl(70 100% 31%), oklch(0.653 0.156 120.4)) liegt am nächsten an der benannten Farbe Noxious. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#849D00
oklch(0.653 0.156 120.4)
Farbumrechnungen
- HEX
- #849d00
- RGB
- rgb(132 157 0)
- HSL
- hsl(70 100% 31%)
- HWB
- hwb(70 0% 38%)
- OKLCH
- oklch(0.653 0.156 120.4)
- OKLab
- oklab(0.653 -0.079 0.134)
- CIE Lab
- lab(61.05 -21.81 62.47)
- LCH
- lch(61.05 66.17 109.2)
- CMYK
- cmyk(16% 0% 100% 38%)
Tints · Shades · Tones
Tints
- 8FA735
- 9BB151
- A7BB69
- B3C580
- BFCE95
- CBD8AB
- D8E2C0
- E5ECD5
- F2F5EA
Shades
- 728800
- 607300
- 4F5F00
- 3F4C00
- 2F3A00
- 202800
- 121800
- 060900
- 010100
Tones
- 839A25
- 839837
- 829544
- 82924F
- 828F59
- 818C62
- 818A6A
- 808672
- 808379
Farbharmonien
Komplementär +180°
- 849D00
Noxious
- A077E0
≈ Matt Purple
Analog -30° +30°
- 849D00
Noxious
- AF8B00
≈ Yellow Brown
- 33AA5B
≈ Nordic Grass Green
Triadisch +120° +240°
- 849D00
Noxious
- 0099E2
≈ Atmosphere
- D9628C
≈ Groovy
Geteilt komplementär +150° +210°
- 849D00
Noxious
- 6C88EE
≈ Soft Blue
- C469BC
≈ Purple Urn Orchid
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--noxious: #849d00;
--noxious-rgb: 132 157 0;
--noxious-oklch: oklch(0.653 0.156 120.4);
}
.element {
color: var(--noxious);
background-color: hsl(70 100% 31%);
border-color: oklch(0.653 0.156 120.4);
}Tailwind CSS v4
@theme {
--color-noxious: #849d00;
--color-noxious-50: #edfdcc;
--color-noxious-100: #def1b7;
--color-noxious-200: #c8df94;
--color-noxious-300: #a9c466;
--color-noxious-400: #92ab30;
--color-noxious-500: #799300;
--color-noxious-600: #677d00;
--color-noxious-700: #526400;
--color-noxious-800: #3e4900;
--color-noxious-900: #2a3200;
--color-noxious-950: #181e00;
}SCSS
$noxious: #849d00;
$noxious-rgb: 132, 157, 0;
$noxious-light: mix(#fff, $noxious, 20%);
$noxious-dark: mix(#000, $noxious, 20%);
.element {
color: $noxious;
box-shadow: 0 0 0 2px rgba($noxious, 0.35);
}