Cor nomeada · #89A203
Noxious
Noxious é #89A203: rgb(137 162 3), hsl(69 96% 32%), oklch(0.669 0.158 120.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Noxious color name →
#89A203
oklch(0.669 0.158 120.1)
Conversões de cor
- HEX
- #89a203
- RGB
- rgb(137 162 3)
- HSL
- hsl(69 96% 32%)
- HWB
- hwb(69 1% 36%)
- OKLCH
- oklch(0.669 0.158 120.1)
- OKLab
- oklab(0.669 -0.079 0.137)
- CIE Lab
- lab(62.9 -21.98 63.6)
- LCH
- lch(62.9 67.29 109.1)
- CMYK
- cmyk(15% 0% 98% 36%)
Tons claros · Sombras · Tons
Tons claros
- 94AB37
- 9FB553
- AABE6B
- B6C881
- C2D197
- CEDAAC
- DAE3C1
- E6EDD5
- F2F6EA
Sombras
- 768C02
- 647702
- 536301
- 424F01
- 313C00
- 222A00
- 141900
- 070A00
- 010100
Tons
- 889F27
- 879C39
- 869846
- 859551
- 84925A
- 838E63
- 828B6B
- 818772
- 818479
Harmonias de cor
Complementar +180°
- 89A203
Noxious
- A57BE7
≈ Lavender Blossom
Análoga -30° +30°
- 89A203
Noxious
- B59000
≈ Faint Gold
- 38AF5E
≈ Island Green
Tríade +120° +240°
- 89A203
Noxious
- 009FE9
≈ Button Blue
- E06591
≈ Groovy
Complementar dividida +150° +210°
- 89A203
Noxious
- 708DF5
≈ Punch Out Glove
- CA6DC2
≈ Gulābī Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.23:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.23:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--noxious: #89a203;
--noxious-rgb: 137 162 3;
--noxious-oklch: oklch(0.669 0.158 120.1);
}
.element {
color: var(--noxious);
background-color: hsl(69 96% 32%);
border-color: oklch(0.669 0.158 120.1);
}Tailwind CSS v4
@theme {
--color-noxious: #89a203;
--color-noxious-50: #edfdcb;
--color-noxious-100: #dff1b6;
--color-noxious-200: #c8df93;
--color-noxious-300: #aac464;
--color-noxious-400: #93ab2b;
--color-noxious-500: #7a9300;
--color-noxious-600: #677d00;
--color-noxious-700: #526400;
--color-noxious-800: #3e4900;
--color-noxious-900: #2b3200;
--color-noxious-950: #181e00;
}SCSS
$noxious: #89a203;
$noxious-rgb: 137, 162, 3;
$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);
}