Couleur nommée la plus proche · #98B079
#98B079
Couleur nommée la plus proche: Green Tea Mochi
#98B079 (rgb(152 176 121), hsl(86 26% 58%), oklch(0.725 0.08 127.4)) 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.
#98B079
oklch(0.725 0.08 127.4)
Conversions de couleur
- HEX
- #98b079
- RGB
- rgb(152 176 121)
- HSL
- hsl(86 26% 58%)
- HWB
- hwb(86 47% 31%)
- OKLCH
- oklch(0.725 0.08 127.4)
- OKLab
- oklab(0.725 -0.049 0.064)
- CIE Lab
- lab(68.95 -15.89 25.38)
- LCH
- lch(68.95 29.94 122)
- CMYK
- cmyk(14% 0% 31% 31%)
Teintes · Ombres · Tons
Teintes
- A2B886
- ACC093
- B6C7A1
- C0CFAE
- CAD7BB
- D5DFC9
- DFE7D6
- EAEFE4
- F4F7F1
Ombres
- 849968
- 708258
- 5C6C48
- 4A5639
- 38422B
- 272E1D
- 171C10
- 080B05
- 010101
Tons
- 96AB7A
- 93A67B
- 91A27C
- 8E9D7D
- 8C987E
- 8A937E
- 878E7F
- 858A7F
- 828580
Harmonies de couleurs
Complémentaire +180°
- 98B079
Green Tea Mochi
- B499CE
≈ Biloba Flower
Analogue -30° +30°
- 98B079
Green Tea Mochi
- B4A76B
≈ Oatmeal Biscuit
- 7BB692
≈ Green Eggs and Ham
Triadique +120° +240°
- 98B079
Green Tea Mochi
- 7DABD6
≈ High Seas
- D3919D
≈ Sugar Tooth
Complémentaire divisée +150° +210°
- 98B079
Green Tea Mochi
- 99A2D9
≈ Dalmatian Sage
- C893B8
≈ Moorland Heather
Tétradique +90° +180° +270°
- 98B079
Green Tea Mochi
- 67B3C7
≈ Delicate Girl Blue
- B499CE
≈ Biloba Flower
- D39582
≈ Sunburnt Toes
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.82:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--green-tea-mochi: #98b079;
--green-tea-mochi-rgb: 152 176 121;
--green-tea-mochi-oklch: oklch(0.725 0.08 127.4);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(86 26% 58%);
border-color: oklch(0.725 0.08 127.4);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #98b079;
--color-green-tea-mochi-50: #eefae2;
--color-green-tea-mochi-100: #dfeed2;
--color-green-tea-mochi-200: #c9dcb8;
--color-green-tea-mochi-300: #aac095;
--color-green-tea-mochi-400: #91a874;
--color-green-tea-mochi-500: #779055;
--color-green-tea-mochi-600: #657a48;
--color-green-tea-mochi-700: #51623a;
--color-green-tea-mochi-800: #3c4728;
--color-green-tea-mochi-900: #29311b;
--color-green-tea-mochi-950: #171d0b;
}SCSS
$green-tea-mochi: #98b079;
$green-tea-mochi-rgb: 152, 176, 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);
}