Couleur nommée la plus proche · #92AC6E
#92AC6E
Couleur nommée la plus proche: Green Tea Mochi
#92AC6E (rgb(146 172 110), hsl(85 27% 55%), oklch(0.709 0.09 127.1)) 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.
#92AC6E
oklch(0.709 0.09 127.1)
Conversions de couleur
- HEX
- #92ac6e
- RGB
- rgb(146 172 110)
- HSL
- hsl(85 27% 55%)
- HWB
- hwb(85 43% 33%)
- OKLCH
- oklch(0.709 0.09 127.1)
- OKLab
- oklab(0.709 -0.054 0.072)
- CIE Lab
- lab(67.21 -17.43 28.83)
- LCH
- lch(67.21 33.69 121.2)
- CMYK
- cmyk(15% 0% 36% 33%)
Teintes · Ombres · Tons
Teintes
- 9CB47C
- A7BC8B
- B2C599
- BCCDA7
- C7D5B6
- D2DEC4
- DDE6D3
- E8EEE1
- F4F7F0
Ombres
- 7E955F
- 6B7F50
- 586941
- 465433
- 354026
- 252D19
- 161B0E
- 080B04
- 010101
Tons
- 90A870
- 8EA373
- 8D9F75
- 8B9A77
- 899679
- 87927A
- 858D7C
- 84897D
- 82847F
Harmonies de couleurs
Complémentaire +180°
- 92AC6E
Green Tea Mochi
- B092CD
≈ Cut Velvet
Analogue -30° +30°
- 92AC6E
Green Tea Mochi
- B1A25E
≈ Gingko Leaf
- 70B28B
≈ Green Bank
Triadique +120° +240°
- 92AC6E
Green Tea Mochi
- 72A7D7
≈ Polar Ice
- D28A97
≈ Fruit Cocktail
Complémentaire divisée +150° +210°
- 92AC6E
Green Tea Mochi
- 939CD9
≈ Azureno
- C68CB6
≈ Rock Star Pink
Tétradique +90° +180° +270°
- 92AC6E
Green Tea Mochi
- 58AFC6
≈ Gondolier
- B092CD
≈ Cut Velvet
- D38D79
≈ Vintage Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.51:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.34:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--green-tea-mochi: #92ac6e;
--green-tea-mochi-rgb: 146 172 110;
--green-tea-mochi-oklch: oklch(0.709 0.09 127.1);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(85 27% 55%);
border-color: oklch(0.709 0.09 127.1);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #92ac6e;
--color-green-tea-mochi-50: #edfbe0;
--color-green-tea-mochi-100: #dfeecf;
--color-green-tea-mochi-200: #c8dcb4;
--color-green-tea-mochi-300: #a9c190;
--color-green-tea-mochi-400: #90a96e;
--color-green-tea-mochi-500: #76914d;
--color-green-tea-mochi-600: #647b42;
--color-green-tea-mochi-700: #506235;
--color-green-tea-mochi-800: #3b4824;
--color-green-tea-mochi-900: #293218;
--color-green-tea-mochi-950: #161e09;
}SCSS
$green-tea-mochi: #92ac6e;
$green-tea-mochi-rgb: 146, 172, 110;
$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);
}