Couleur nommée la plus proche · #95AF76
#95AF76
Couleur nommée la plus proche: Green Tea Mochi
#95AF76 (rgb(149 175 118), hsl(87 26% 57%), oklch(0.72 0.084 128.3)) est la plus proche de la couleur nommée Green Tea Mochi. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#95AF76
oklch(0.72 0.084 128.3)
Conversions de couleur
- HEX
- #95af76
- RGB
- rgb(149 175 118)
- HSL
- hsl(87 26% 57%)
- HWB
- hwb(87 46% 31%)
- OKLCH
- oklch(0.72 0.084 128.3)
- OKLab
- oklab(0.72 -0.052 0.066)
- CIE Lab
- lab(68.4 -16.88 26.21)
- LCH
- lch(68.4 31.17 122.8)
- CMYK
- cmyk(15% 0% 33% 31%)
Teintes · Ombres · Tons
Teintes
- 9FB784
- A9BF91
- B4C79F
- BECFAC
- C9D7BA
- D3DFC7
- DEE7D5
- E9EFE3
- F4F7F1
Ombres
- 819866
- 6D8156
- 5A6B47
- 485638
- 374129
- 262E1C
- 161C0F
- 080B05
- 010101
Tons
- 93AA77
- 91A679
- 8FA17A
- 8D9C7B
- 8B977C
- 88937D
- 868E7E
- 84897F
- 82857F
Harmonies de couleurs
Complémentaire +180°
- 95AF76
Green Tea Mochi
- B397CD
≈ Biloba Flower
Analogue -30° +30°
- 95AF76
Green Tea Mochi
- B2A567
≈ Natchez Moss
- 76B591
≈ Water Fern
Triadique +120° +240°
- 95AF76
Green Tea Mochi
- 7AA9D7
≈ High Seas
- D38F9A
≈ Sianna Rose
Complémentaire divisée +150° +210°
- 95AF76
Green Tea Mochi
- 98A0D9
≈ Dalmatian Sage
- C890B7
≈ Bossy-Pants Pink
Tétradique +90° +180° +270°
- 95AF76
Green Tea Mochi
- 63B1C8
≈ Gondolier
- B397CD
≈ Biloba Flower
- D3927E
≈ Orange Essential
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.42:1 · APCA Lc 48
Ag
AAASur noir
WCAG 8.67:1 · APCA Lc 54
Meilleure couleur de texte: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Extraits de code
CSS
:root {
--green-tea-mochi: #95af76;
--green-tea-mochi-rgb: 149 175 118;
--green-tea-mochi-oklch: oklch(0.72 0.084 128.3);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(87 26% 57%);
border-color: oklch(0.72 0.084 128.3);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #95af76;
--color-green-tea-mochi-50: #edfae2;
--color-green-tea-mochi-100: #dfeed1;
--color-green-tea-mochi-200: #c8dcb7;
--color-green-tea-mochi-300: #a9c194;
--color-green-tea-mochi-400: #90a873;
--color-green-tea-mochi-500: #769153;
--color-green-tea-mochi-600: #647b47;
--color-green-tea-mochi-700: #506238;
--color-green-tea-mochi-800: #3b4827;
--color-green-tea-mochi-900: #28321a;
--color-green-tea-mochi-950: #161e0b;
}SCSS
$green-tea-mochi: #95af76;
$green-tea-mochi-rgb: 149, 175, 118;
$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);
}