En yakın adlandırılmış renk · #96AA73
#96AA73
En yakın adlandırılmış renk: Green Tea Mochi
#96AA73 (rgb(150 170 115), hsl(82 24% 56%), oklch(0.709 0.079 124.6)) 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.
#96AA73
oklch(0.709 0.079 124.6)
Renk dönüşümleri
- HEX
- #96aa73
- RGB
- rgb(150 170 115)
- HSL
- hsl(82 24% 56%)
- HWB
- hwb(82 45% 33%)
- OKLCH
- oklch(0.709 0.079 124.6)
- OKLab
- oklab(0.709 -0.045 0.065)
- CIE Lab
- lab(67.01 -14.41 26)
- LCH
- lch(67.01 29.72 119)
- CMYK
- cmyk(12% 0% 32% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A0B281
- AABB8F
- B4C39C
- BFCCAA
- C9D4B8
- D4DDC6
- DEE5D4
- E9EEE2
- F4F6F1
Koyu tonlar
- 829363
- 6E7D54
- 5B6845
- 495336
- 373F28
- 262D1B
- 161B0F
- 080B05
- 010101
Gri tonlar
- 94A675
- 92A276
- 8F9D78
- 8D9979
- 8B957B
- 89917C
- 878D7D
- 84887E
- 82847F
Renk uyumları
Tamamlayıcı +180°
- 96AA73
Green Tea Mochi
- AC95C9
≈ Gorgeous Hydrangea
Analog -30° +30°
- 96AA73
Green Tea Mochi
- B1A167
≈ Wavy Glass
- 79B08B
≈ Green Bank
Üçlü +120° +240°
- 96AA73
Green Tea Mochi
- 76A7CF
≈ Chronus Blue
- CC8C9B
≈ Sianna Rose
Bölünmüş tamamlayıcı +150° +210°
- 96AA73
Green Tea Mochi
- 929ED3
≈ Azureno
- C08FB5
≈ Mauve Magic
Dörtlü +90° +180° +270°
- 96AA73
Green Tea Mochi
- 62AEC0
≈ Finnish Fiord
- AC95C9
≈ Gorgeous Hydrangea
- CD8F80
≈ Constant Coral
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.53:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.29:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-tea-mochi: #96aa73;
--green-tea-mochi-rgb: 150 170 115;
--green-tea-mochi-oklch: oklch(0.709 0.079 124.6);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(82 24% 56%);
border-color: oklch(0.709 0.079 124.6);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #96aa73;
--color-green-tea-mochi-50: #effae2;
--color-green-tea-mochi-100: #e1edd1;
--color-green-tea-mochi-200: #cbdbb7;
--color-green-tea-mochi-300: #adbf94;
--color-green-tea-mochi-400: #94a773;
--color-green-tea-mochi-500: #7a8f54;
--color-green-tea-mochi-600: #687947;
--color-green-tea-mochi-700: #536139;
--color-green-tea-mochi-800: #3d4727;
--color-green-tea-mochi-900: #2a311a;
--color-green-tea-mochi-950: #181d0b;
}SCSS
$green-tea-mochi: #96aa73;
$green-tea-mochi-rgb: 150, 170, 115;
$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);
}