Dichtstbijzijnde benoemde kleur · #94AA6A
#94AA6A
Dichtstbijzijnde benoemde kleur: Green Tea Mochi
#94AA6A (rgb(148 170 106), hsl(81 27% 54%), oklch(0.705 0.091 124.1)) komt het dichtst bij de benoemde kleur Green Tea Mochi. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#94AA6A
oklch(0.705 0.091 124.1)
Kleurconversies
- HEX
- #94aa6a
- RGB
- rgb(148 170 106)
- HSL
- hsl(81 27% 54%)
- HWB
- hwb(81 42% 33%)
- OKLCH
- oklch(0.705 0.091 124.1)
- OKLab
- oklab(0.705 -0.051 0.075)
- CIE Lab
- lab(66.73 -16.1 30.34)
- LCH
- lch(66.73 34.35 117.9)
- CMYK
- cmyk(13% 0% 38% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 9EB279
- A8BB88
- B3C396
- BDCCA5
- C8D4B4
- D3DDC3
- DEE5D2
- E9EEE1
- F4F6F0
Schaduwen
- 80935B
- 6D7D4D
- 5A683F
- 485331
- 363F24
- 262D18
- 161B0D
- 080B04
- 010100
Tonen
- 92A66D
- 90A270
- 8E9D72
- 8C9975
- 8A9577
- 889179
- 868D7B
- 84887D
- 82847E
Kleurharmonieën
Complementair +180°
- 94AA6A
Green Tea Mochi
- AC92CE
≈ Fleur-De-Lis
Analoog -30° +30°
- 94AA6A
Green Tea Mochi
- B29F5B
≈ Woollen Mittens
- 71B186
≈ Lily Pads
Triadisch +120° +240°
- 94AA6A
Green Tea Mochi
- 6DA6D5
≈ Polar Ice
- D08899
≈ Can Can
Gesplitst complementair +150° +210°
- 94AA6A
Green Tea Mochi
- 8E9CD9
≈ Portage
- C38BB7
≈ Rock Star Pink
Tetradisch +90° +180° +270°
- 94AA6A
Green Tea Mochi
- 54AFC3
≈ Viking
- AC92CE
≈ Fleur-De-Lis
- D28B7A
≈ Zanci
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.55:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.21:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--green-tea-mochi: #94aa6a;
--green-tea-mochi-rgb: 148 170 106;
--green-tea-mochi-oklch: oklch(0.705 0.091 124.1);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(81 27% 54%);
border-color: oklch(0.705 0.091 124.1);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #94aa6a;
--color-green-tea-mochi-50: #eefadf;
--color-green-tea-mochi-100: #e0eecd;
--color-green-tea-mochi-200: #cadcb2;
--color-green-tea-mochi-300: #acc08e;
--color-green-tea-mochi-400: #93a86b;
--color-green-tea-mochi-500: #79904a;
--color-green-tea-mochi-600: #677a3f;
--color-green-tea-mochi-700: #526232;
--color-green-tea-mochi-800: #3d4722;
--color-green-tea-mochi-900: #2a3117;
--color-green-tea-mochi-950: #181d08;
}SCSS
$green-tea-mochi: #94aa6a;
$green-tea-mochi-rgb: 148, 170, 106;
$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);
}