Color con nombre más cercano · #95B179
#95B179
Color con nombre más cercano: Green Tea Mochi
#95B179 (rgb(149 177 121), hsl(90 26% 58%), oklch(0.725 0.083 129.9)) 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.
#95B179
oklch(0.725 0.083 129.9)
Conversiones de color
- HEX
- #95b179
- RGB
- rgb(149 177 121)
- HSL
- hsl(90 26% 58%)
- HWB
- hwb(90 47% 31%)
- OKLCH
- oklch(0.725 0.083 129.9)
- OKLab
- oklab(0.725 -0.053 0.064)
- CIE Lab
- lab(69.01 -17.5 25.42)
- LCH
- lch(69.01 30.87 124.5)
- CMYK
- cmyk(16% 0% 32% 31%)
Tintes · Sombras · Tonos
Tintes
- 9FB986
- A9C093
- B4C8A1
- BED0AE
- C9D8BB
- D4E0C9
- DEE7D6
- E9EFE4
- F4F7F1
Sombras
- 819968
- 6D8358
- 5A6C48
- 485739
- 37422B
- 262F1D
- 161C10
- 080C05
- 010101
Tonos
- 93AC7A
- 91A77B
- 8FA27C
- 8D9D7D
- 8B987E
- 88947E
- 868F7F
- 848A7F
- 828580
Armonías de color
Complementario +180°
- 95B179
Green Tea Mochi
- B698CE
≈ Amethyst Show
Análogo -30° +30°
- 95B179
Green Tea Mochi
- B2A869
≈ Natchez Moss
- 76B794
≈ Mountain Lake Green
Triádico +120° +240°
- 95B179
Green Tea Mochi
- 7EABD9
≈ High Seas
- D5909A
≈ Sugar Tooth
Complementario dividido +150° +210°
- 95B179
Green Tea Mochi
- 9BA1DA
≈ Dalmatian Sage
- CA92B7
≈ Moorland Heather
Tetrádico +90° +180° +270°
- 95B179
Green Tea Mochi
- 66B3CA
≈ Delicate Girl Blue
- B698CE
≈ Amethyst Show
- D4947F
≈ Tropical Blooms
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.84:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--green-tea-mochi: #95b179;
--green-tea-mochi-rgb: 149 177 121;
--green-tea-mochi-oklch: oklch(0.725 0.083 129.9);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(90 26% 58%);
border-color: oklch(0.725 0.083 129.9);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #95b179;
--color-green-tea-mochi-50: #ecfbe2;
--color-green-tea-mochi-100: #deeed2;
--color-green-tea-mochi-200: #c7dcb8;
--color-green-tea-mochi-300: #a8c195;
--color-green-tea-mochi-400: #8ea974;
--color-green-tea-mochi-500: #749155;
--color-green-tea-mochi-600: #627b48;
--color-green-tea-mochi-700: #4e623a;
--color-green-tea-mochi-800: #3a4828;
--color-green-tea-mochi-900: #28321b;
--color-green-tea-mochi-950: #161e0b;
}SCSS
$green-tea-mochi: #95b179;
$green-tea-mochi-rgb: 149, 177, 121;
$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);
}