最も近い色名 · #88A766
#88A766
最も近い色名: Green Tea Mochi
#88A766（rgb(136 167 102)、hsl(89 27% 53%)、oklch(0.689 0.096 129.4)）に最も近い色名はGreen Tea Mochiです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#88A766
oklch(0.689 0.096 129.4)
カラー変換
- HEX
- #88a766
- RGB
- rgb(136 167 102)
- HSL
- hsl(89 27% 53%)
- HWB
- hwb(89 40% 35%)
- OKLCH
- oklch(0.689 0.096 129.4)
- OKLab
- oklab(0.689 -0.061 0.074)
- CIE Lab
- lab(64.95 -19.73 29.96)
- LCH
- lch(64.95 35.88 123.4)
- CMYK
- cmyk(19% 0% 39% 35%)
ティント · シェード · トーン
ティント
- 93B075
- 9FB884
- AAC194
- B6CAA3
- C2D3B2
- CEDCC1
- DAE4D0
- E6EDE0
- F3F6EF
シェード
- 759158
- 637B4A
- 52663C
- 41522F
- 313E23
- 222C17
- 131A0C
- 060A04
- 010100
トーン
- 87A369
- 879F6C
- 869B6F
- 859872
- 849475
- 839077
- 838C7A
- 82887C
- 81847E
カラーハーモニー
補色 +180°
- 88A766
Green Tea Mochi
- AD8AC8
≈ Creeping Bellflower
類似色 -30° +30°
- 88A766
Green Tea Mochi
- A99C53
≈ Organic Matter
- 62AD86
≈ Verdigris Green
トライアド +120° +240°
- 88A766
Green Tea Mochi
- 6BA0D4
≈ Blue Electress
- CF828E
≈ Rose Sachet
スプリットコンプリメンタリー +150° +210°
- 88A766
Green Tea Mochi
- 8E95D6
≈ Portage
- C383AE
≈ Joie de Vivre
テトラード +90° +180° +270°
- 88A766
Green Tea Mochi
- 4BA9C4
≈ Dragonfly Blue
- AD8AC8
≈ Creeping Bellflower
- CE866E
≈ Copperleaf
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.70:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.76:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--green-tea-mochi: #88a766;
--green-tea-mochi-rgb: 136 167 102;
--green-tea-mochi-oklch: oklch(0.689 0.096 129.4);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(89 27% 53%);
border-color: oklch(0.689 0.096 129.4);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #88a766;
--color-green-tea-mochi-50: #ebfbdf;
--color-green-tea-mochi-100: #ddefce;
--color-green-tea-mochi-200: #c6ddb3;
--color-green-tea-mochi-300: #a6c28f;
--color-green-tea-mochi-400: #8caa6c;
--color-green-tea-mochi-500: #72934b;
--color-green-tea-mochi-600: #607c40;
--color-green-tea-mochi-700: #4d6333;
--color-green-tea-mochi-800: #394923;
--color-green-tea-mochi-900: #273217;
--color-green-tea-mochi-950: #151e08;
}SCSS
$green-tea-mochi: #88a766;
$green-tea-mochi-rgb: 136, 167, 102;
$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);
}