Couleur nommée la plus proche · #849D00
#849D00
Couleur nommée la plus proche: Noxious
#849D00 (rgb(132 157 0), hsl(70 100% 31%), oklch(0.653 0.156 120.4)) est la plus proche de la couleur nommée Noxious. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#849D00
oklch(0.653 0.156 120.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8FA735
- 9BB151
- A7BB69
- B3C580
- BFCE95
- CBD8AB
- D8E2C0
- E5ECD5
- F2F5EA
Ombres
- 728800
- 607300
- 4F5F00
- 3F4C00
- 2F3A00
- 202800
- 121800
- 060900
- 010100
Tons
- 839A25
- 839837
- 829544
- 82924F
- 828F59
- 818C62
- 818A6A
- 808672
- 808379
Harmonies de couleurs
Complémentaire +180°
- 849D00
Noxious
- A077E0
≈ Matt Purple
Analogue -30° +30°
- 849D00
Noxious
- AF8B00
≈ Yellow Brown
- 33AA5B
≈ Nordic Grass Green
Triadique +120° +240°
- 849D00
Noxious
- 0099E2
≈ Atmosphere
- D9628C
≈ Groovy
Complémentaire divisée +150° +210°
- 849D00
Noxious
- 6C88EE
≈ Soft Blue
- C469BC
≈ Purple Urn Orchid
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.08:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.80:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
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);
}