Color con nombre más cercano · #96AA73
#96AA73
Color con nombre más cercano: Green Tea Mochi
#96AA73 (rgb(150 170 115), hsl(82 24% 56%), oklch(0.709 0.079 124.6)) se parece más al color con nombre Green Tea Mochi. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#96AA73
oklch(0.709 0.079 124.6)
Conversiones de color
- HEX
- #96aa73
- RGB
- rgb(150 170 115)
- HSL
- hsl(82 24% 56%)
- HWB
- hwb(82 45% 33%)
- OKLCH
- oklch(0.709 0.079 124.6)
- OKLab
- oklab(0.709 -0.045 0.065)
- CIE Lab
- lab(67.01 -14.41 26)
- LCH
- lch(67.01 29.72 119)
- CMYK
- cmyk(12% 0% 32% 33%)
Tintes · Sombras · Tonos
Tintes
- A0B281
- AABB8F
- B4C39C
- BFCCAA
- C9D4B8
- D4DDC6
- DEE5D4
- E9EEE2
- F4F6F1
Sombras
- 829363
- 6E7D54
- 5B6845
- 495336
- 373F28
- 262D1B
- 161B0F
- 080B05
- 010101
Tonos
- 94A675
- 92A276
- 8F9D78
- 8D9979
- 8B957B
- 89917C
- 878D7D
- 84887E
- 82847F
Armonías de color
Complementario +180°
- 96AA73
Green Tea Mochi
- AC95C9
≈ Gorgeous Hydrangea
Análogo -30° +30°
- 96AA73
Green Tea Mochi
- B1A167
≈ Wavy Glass
- 79B08B
≈ Green Bank
Triádico +120° +240°
- 96AA73
Green Tea Mochi
- 76A7CF
≈ Chronus Blue
- CC8C9B
≈ Sianna Rose
Complementario dividido +150° +210°
- 96AA73
Green Tea Mochi
- 929ED3
≈ Azureno
- C08FB5
≈ Mauve Magic
Tetrádico +90° +180° +270°
- 96AA73
Green Tea Mochi
- 62AEC0
≈ Finnish Fiord
- AC95C9
≈ Gorgeous Hydrangea
- CD8F80
≈ Constant Coral
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.29:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--green-tea-mochi: #96aa73;
--green-tea-mochi-rgb: 150 170 115;
--green-tea-mochi-oklch: oklch(0.709 0.079 124.6);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(82 24% 56%);
border-color: oklch(0.709 0.079 124.6);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #96aa73;
--color-green-tea-mochi-50: #effae2;
--color-green-tea-mochi-100: #e1edd1;
--color-green-tea-mochi-200: #cbdbb7;
--color-green-tea-mochi-300: #adbf94;
--color-green-tea-mochi-400: #94a773;
--color-green-tea-mochi-500: #7a8f54;
--color-green-tea-mochi-600: #687947;
--color-green-tea-mochi-700: #536139;
--color-green-tea-mochi-800: #3d4727;
--color-green-tea-mochi-900: #2a311a;
--color-green-tea-mochi-950: #181d0b;
}SCSS
$green-tea-mochi: #96aa73;
$green-tea-mochi-rgb: 150, 170, 115;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}