Cor nomeada mais próxima · #90A337
#90A337
Cor nomeada mais próxima: Noxious
#90A337 (rgb(144 163 55), hsl(71 50% 43%), oklch(0.679 0.134 118.7)) é mais próxima da cor nomeada Noxious. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#90A337
oklch(0.679 0.134 118.7)
Conversões de cor
- HEX
- #90a337
- RGB
- rgb(144 163 55)
- HSL
- hsl(71 50% 43%)
- HWB
- hwb(71 22% 36%)
- OKLCH
- oklch(0.679 0.134 118.7)
- OKLab
- oklab(0.679 -0.064 0.117)
- CIE Lab
- lab(63.91 -18.09 51.29)
- LCH
- lch(63.91 54.39 109.4)
- CMYK
- cmyk(12% 0% 66% 36%)
Tons claros · Sombras · Tons
Tons claros
- 9AAC50
- A5B565
- B0BF79
- BAC88D
- C5D1A0
- D1DAB3
- DCE3C6
- E8EDD9
- F3F6EC
Sombras
- 7D8D2E
- 6A7826
- 57631E
- 454F16
- 343C0F
- 242A08
- 151903
- 070A01
- 010100
Tons
- 8EA043
- 8D9C4C
- 8B9955
- 89965D
- 889263
- 868F6A
- 848B70
- 838776
- 81847B
Harmonias de cor
Complementar +180°
- 90A337
Noxious
- A384DF
≈ Lavender Blossom
Análoga -30° +30°
- 90A337
Noxious
- BA9216
≈ Moutarde de Bénichon
- 56AE68
≈ Algae
Tríade +120° +240°
- 90A337
Noxious
- 33A2E1
≈ Dayflower
- D97297
≈ The Sickener
Complementar dividida +150° +210°
- 90A337
Noxious
- 7693EA
≈ Guilliman Blue
- C478C1
≈ Gulābī Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.47:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--noxious: #90a337;
--noxious-rgb: 144 163 55;
--noxious-oklch: oklch(0.679 0.134 118.7);
}
.element {
color: var(--noxious);
background-color: hsl(71 50% 43%);
border-color: oklch(0.679 0.134 118.7);
}Tailwind CSS v4
@theme {
--color-noxious: #90a337;
--color-noxious-50: #effcd1;
--color-noxious-100: #e1efbe;
--color-noxious-200: #ccdd9d;
--color-noxious-300: #aec272;
--color-noxious-400: #97a945;
--color-noxious-500: #7e9100;
--color-noxious-600: #6b7b06;
--color-noxious-700: #556207;
--color-noxious-800: #404801;
--color-noxious-900: #2c3202;
--color-noxious-950: #191d00;
}SCSS
$noxious: #90a337;
$noxious-rgb: 144, 163, 55;
$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);
}