Màu có tên gần nhất · #88A766
#88A766
Màu có tên gần nhất: Green Tea Mochi
#88A766 (rgb(136 167 102), hsl(89 27% 53%), oklch(0.689 0.096 129.4)) gần nhất với màu có tên Green Tea Mochi. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#88A766
oklch(0.689 0.096 129.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 93B075
- 9FB884
- AAC194
- B6CAA3
- C2D3B2
- CEDCC1
- DAE4D0
- E6EDE0
- F3F6EF
Sắc đậm
- 759158
- 637B4A
- 52663C
- 41522F
- 313E23
- 222C17
- 131A0C
- 060A04
- 010100
Sắc xám
- 87A369
- 879F6C
- 869B6F
- 859872
- 849475
- 839077
- 838C7A
- 82887C
- 81847E
Hòa sắc
Bổ túc +180°
- 88A766
Green Tea Mochi
- AD8AC8
≈ Creeping Bellflower
Tương đồng -30° +30°
- 88A766
Green Tea Mochi
- A99C53
≈ Organic Matter
- 62AD86
≈ Verdigris Green
Bộ ba +120° +240°
- 88A766
Green Tea Mochi
- 6BA0D4
≈ Blue Electress
- CF828E
≈ Rose Sachet
Bổ túc chia +150° +210°
- 88A766
Green Tea Mochi
- 8E95D6
≈ Portage
- C383AE
≈ Joie de Vivre
Bộ bốn +90° +180° +270°
- 88A766
Green Tea Mochi
- 4BA9C4
≈ Dragonfly Blue
- AD8AC8
≈ Creeping Bellflower
- CE866E
≈ Copperleaf
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.70:1 · APCA Lc 52
Ag
AAATrên nền đen
WCAG 7.76:1 · APCA Lc 49
Màu chữ tốt nhất: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
Đoạn mã
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);
}