Benannte Farbe · #89B386
Chatty Cricket
Chatty Cricket ist #89B386: rgb(137 179 134), hsl(116 23% 61%), oklch(0.724 0.078 143). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Chatty Cricket color name →
#89B386
oklch(0.724 0.078 143)
Farbumrechnungen
- HEX
- #89b386
- RGB
- rgb(137 179 134)
- HSL
- hsl(116 23% 61%)
- HWB
- hwb(116 53% 30%)
- OKLCH
- oklch(0.724 0.078 143)
- OKLab
- oklab(0.724 -0.063 0.047)
- CIE Lab
- lab(68.99 -21.31 18.3)
- LCH
- lch(68.99 28.09 139.4)
- CMYK
- cmyk(23% 0% 25% 30%)
Tints · Shades · Tones
Tints
- 95BB92
- A0C29E
- ACCAA9
- B8D1B5
- C3D9C1
- CFE0CE
- DBE8DA
- E7F0E6
- F3F7F3
Shades
- 769B74
- 648462
- 536E51
- 425840
- 314330
- 222F21
- 141D13
- 070C06
- 010101
Tones
- 88AE86
- 88A985
- 87A485
- 869E84
- 859984
- 849483
- 838F82
- 828A82
- 818581
Farbharmonien
Komplementär +180°
- 89B386
Chatty Cricket
- BE96C3
≈ Crocus Petal
Analog -30° +30°
- 89B386
Chatty Cricket
- A6AC72
≈ Wasabi Green
- 6FB6A1
≈ Tropic Turquoise
Triadisch +120° +240°
- 89B386
Chatty Cricket
- 8CA6D8
≈ Rip Van Periwinkle
- D3938F
≈ Tongue
Geteilt komplementär +150° +210°
- 89B386
Chatty Cricket
- A79DD3
≈ Imperial Lilac
- CD92AA
≈ Moonlit Mauve
Tetradisch +90° +180° +270°
- 89B386
Chatty Cricket
- 72AFCF
≈ Aspara
- BE96C3
≈ Crocus Petal
- CE9978
≈ Sweet Almond
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.37:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.85:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.85:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--chatty-cricket: #89b386;
--chatty-cricket-rgb: 137 179 134;
--chatty-cricket-oklch: oklch(0.724 0.078 143);
}
.element {
color: var(--chatty-cricket);
background-color: hsl(116 23% 61%);
border-color: oklch(0.724 0.078 143);
}Tailwind CSS v4
@theme {
--color-chatty-cricket: #89b386;
--color-chatty-cricket-50: #e8fce8;
--color-chatty-cricket-100: #d8efd8;
--color-chatty-cricket-200: #c0dec0;
--color-chatty-cricket-300: #9fc39f;
--color-chatty-cricket-400: #83ab80;
--color-chatty-cricket-500: #679464;
--color-chatty-cricket-600: #577d55;
--color-chatty-cricket-700: #466444;
--color-chatty-cricket-800: #33492f;
--color-chatty-cricket-900: #233320;
--color-chatty-cricket-950: #121e10;
}SCSS
$chatty-cricket: #89b386;
$chatty-cricket-rgb: 137, 179, 134;
$chatty-cricket-light: mix(#fff, $chatty-cricket, 20%);
$chatty-cricket-dark: mix(#000, $chatty-cricket, 20%);
.element {
color: $chatty-cricket;
box-shadow: 0 0 0 2px rgba($chatty-cricket, 0.35);
}