Nächste benannte Farbe · #8DA505
#8DA505
Nächste benannte Farbe: Noxious
#8DA505 (rgb(141 165 5), hsl(69 94% 33%), oklch(0.679 0.16 119.6)) liegt am nächsten an der benannten Farbe Noxious. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8DA505
oklch(0.679 0.16 119.6)
Farbumrechnungen
- HEX
- #8da505
- RGB
- rgb(141 165 5)
- HSL
- hsl(69 94% 33%)
- HWB
- hwb(69 2% 35%)
- OKLCH
- oklch(0.679 0.16 119.6)
- OKLab
- oklab(0.679 -0.079 0.139)
- CIE Lab
- lab(64.09 -21.66 64.36)
- LCH
- lch(64.09 67.91 108.6)
- CMYK
- cmyk(15% 0% 97% 35%)
Tints · Shades · Tones
Tints
- 98AE38
- A2B754
- ADC06C
- B8CA82
- C4D398
- CFDCAD
- DBE4C1
- E7EDD6
- F3F6EA
Shades
- 7A8F04
- 677903
- 556502
- 445101
- 333D01
- 232B00
- 141A00
- 070A00
- 010100
Tones
- 8CA228
- 8A9E3A
- 899B47
- 879752
- 86935B
- 859064
- 838C6B
- 828873
- 81847A
Farbharmonien
Komplementär +180°
- 8DA505
Noxious
- A77EEB
≈ Lavender Blossom
Analog -30° +30°
- 8DA505
Noxious
- BA9300
≈ Main Mast Gold
- 3DB25F
≈ Artificial Turf
Triadisch +120° +240°
- 8DA505
Noxious
- 00A2EC
≈ Button Blue
- E46895
≈ Love Letter
Geteilt komplementär +150° +210°
- 8DA505
Noxious
- 7190FA
≈ Punch Out Glove
- CD70C7
≈ Purple Kush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.51:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--noxious: #8da505;
--noxious-rgb: 141 165 5;
--noxious-oklch: oklch(0.679 0.16 119.6);
}
.element {
color: var(--noxious);
background-color: hsl(69 94% 33%);
border-color: oklch(0.679 0.16 119.6);
}Tailwind CSS v4
@theme {
--color-noxious: #8da505;
--color-noxious-50: #edfdca;
--color-noxious-100: #dff1b5;
--color-noxious-200: #c9df92;
--color-noxious-300: #aac463;
--color-noxious-400: #94ab28;
--color-noxious-500: #7b9300;
--color-noxious-600: #687d00;
--color-noxious-700: #536400;
--color-noxious-800: #3f4900;
--color-noxious-900: #2b3200;
--color-noxious-950: #191e00;
}SCSS
$noxious: #8da505;
$noxious-rgb: 141, 165, 5;
$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);
}