En yakın adlandırılmış renk · #88A766
#88A766
En yakın adlandırılmış renk: Green Tea Mochi
#88A766 (rgb(136 167 102), hsl(89 27% 53%), oklch(0.689 0.096 129.4)) en çok Green Tea Mochi adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#88A766
oklch(0.689 0.096 129.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 93B075
- 9FB884
- AAC194
- B6CAA3
- C2D3B2
- CEDCC1
- DAE4D0
- E6EDE0
- F3F6EF
Koyu tonlar
- 759158
- 637B4A
- 52663C
- 41522F
- 313E23
- 222C17
- 131A0C
- 060A04
- 010100
Gri tonlar
- 87A369
- 879F6C
- 869B6F
- 859872
- 849475
- 839077
- 838C7A
- 82887C
- 81847E
Renk uyumları
Tamamlayıcı +180°
- 88A766
Green Tea Mochi
- AD8AC8
≈ Creeping Bellflower
Analog -30° +30°
- 88A766
Green Tea Mochi
- A99C53
≈ Organic Matter
- 62AD86
≈ Verdigris Green
Üçlü +120° +240°
- 88A766
Green Tea Mochi
- 6BA0D4
≈ Blue Electress
- CF828E
≈ Rose Sachet
Bölünmüş tamamlayıcı +150° +210°
- 88A766
Green Tea Mochi
- 8E95D6
≈ Portage
- C383AE
≈ Joie de Vivre
Dörtlü +90° +180° +270°
- 88A766
Green Tea Mochi
- 4BA9C4
≈ Dragonfly Blue
- AD8AC8
≈ Creeping Bellflower
- CE866E
≈ Copperleaf
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.70:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.76:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
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);
}