最も近い色名 · #94AA6B
#94AA6B
最も近い色名: Green Tea Mochi
#94AA6B（rgb(148 170 107)、hsl(81 27% 54%)、oklch(0.706 0.09 124.3)）に最も近い色名はGreen Tea Mochiです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#94AA6B
oklch(0.706 0.09 124.3)
カラー変換
- HEX
- #94aa6b
- RGB
- rgb(148 170 107)
- HSL
- hsl(81 27% 54%)
- HWB
- hwb(81 42% 33%)
- OKLCH
- oklch(0.706 0.09 124.3)
- OKLab
- oklab(0.706 -0.051 0.074)
- CIE Lab
- lab(66.75 -16 29.84)
- LCH
- lch(66.75 33.86 118.2)
- CMYK
- cmyk(13% 0% 37% 33%)
ティント · シェード · トーン
ティント
- 9EB27A
- A8BB88
- B3C397
- BDCCA6
- C8D4B4
- D3DDC3
- DEE5D2
- E9EEE1
- F4F6F0
シェード
- 80935C
- 6D7D4E
- 5A683F
- 485332
- 363F25
- 262D18
- 161B0D
- 080B04
- 010100
トーン
- 92A66E
- 90A270
- 8E9D73
- 8C9975
- 8A9577
- 889179
- 868D7B
- 84887D
- 82847E
カラーハーモニー
補色 +180°
- 94AA6B
Green Tea Mochi
- AC92CE
≈ Fleur-De-Lis
類似色 -30° +30°
- 94AA6B
Green Tea Mochi
- B2A05D
≈ Antique Gold
- 72B187
≈ Frosted Emerald
トライアド +120° +240°
- 94AA6B
Green Tea Mochi
- 6EA6D4
≈ Polar Ice
- D08899
≈ Can Can
スプリットコンプリメンタリー +150° +210°
- 94AA6B
Green Tea Mochi
- 8F9CD8
≈ Portage
- C38BB7
≈ Rock Star Pink
テトラード +90° +180° +270°
- 94AA6B
Green Tea Mochi
- 55AFC2
≈ Viking
- AC92CE
≈ Fleur-De-Lis
- D28C7B
≈ Zanci
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.55:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.22:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--green-tea-mochi: #94aa6b;
--green-tea-mochi-rgb: 148 170 107;
--green-tea-mochi-oklch: oklch(0.706 0.09 124.3);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(81 27% 54%);
border-color: oklch(0.706 0.09 124.3);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #94aa6b;
--color-green-tea-mochi-50: #eefadf;
--color-green-tea-mochi-100: #e0eece;
--color-green-tea-mochi-200: #cadcb3;
--color-green-tea-mochi-300: #acc08e;
--color-green-tea-mochi-400: #93a86c;
--color-green-tea-mochi-500: #79904b;
--color-green-tea-mochi-600: #677a40;
--color-green-tea-mochi-700: #526233;
--color-green-tea-mochi-800: #3d4723;
--color-green-tea-mochi-900: #2a3117;
--color-green-tea-mochi-950: #171d08;
}SCSS
$green-tea-mochi: #94aa6b;
$green-tea-mochi-rgb: 148, 170, 107;
$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);
}