Benannte Farbe · #769789
Bitter Clover Green
Bitter Clover Green ist #769789: rgb(118 151 137), hsl(155 14% 53%), oklch(0.647 0.042 167.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Bitter Clover Green color name →
#769789
oklch(0.647 0.042 167.2)
Farbumrechnungen
- HEX
- #769789
- RGB
- rgb(118 151 137)
- HSL
- hsl(155 14% 53%)
- HWB
- hwb(155 46% 41%)
- OKLCH
- oklch(0.647 0.042 167.2)
- OKLab
- oklab(0.647 -0.041 0.009)
- CIE Lab
- lab(59.65 -14.2 3.44)
- LCH
- lch(59.65 14.61 166.4)
- CMYK
- cmyk(22% 0% 9% 41%)
Tints · Shades · Tones
Tints
- 83A194
- 90ABA0
- 9EB5AB
- ABC0B7
- B9CAC2
- C7D4CE
- D5DFDA
- E3EAE6
- F1F4F3
Shades
- 668376
- 566F64
- 475C53
- 384942
- 293731
- 1C2622
- 0F1714
- 050807
- 010101
Tones
- 779588
- 789287
- 7A9086
- 7B8E85
- 7C8C85
- 7D8984
- 7E8783
- 7E8582
- 7F8281
Farbharmonien
Komplementär +180°
- 769789
Bitter Clover Green
- A38493
≈ Mohair Pink
Analog -30° +30°
- 769789
Bitter Clover Green
- 82957C
≈ Catalina Green
- 709797
≈ Ship Shape
Triadisch +120° +240°
- 769789
Bitter Clover Green
- 8C8BA7
≈ Delicate Violet
- A58779
≈ Clay Marble
Geteilt komplementär +150° +210°
- 769789
Bitter Clover Green
- 9987A0
≈ Amethyst Grey Violet
- A78485
≈ Jupiter Brown
Tetradisch +90° +180° +270°
- 769789
Bitter Clover Green
- 7E90A9
≈ Blueberry Soda
- A38493
≈ Mohair Pink
- 9D8B72
≈ Archivist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.55:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--bitter-clover-green: #769789;
--bitter-clover-green-rgb: 118 151 137;
--bitter-clover-green-oklch: oklch(0.647 0.042 167.2);
}
.element {
color: var(--bitter-clover-green);
background-color: hsl(155 14% 53%);
border-color: oklch(0.647 0.042 167.2);
}Tailwind CSS v4
@theme {
--color-bitter-clover-green: #769789;
--color-bitter-clover-green-50: #eaf9f3;
--color-bitter-clover-green-100: #dbede5;
--color-bitter-clover-green-200: #c4dad1;
--color-bitter-clover-green-300: #a3bfb4;
--color-bitter-clover-green-400: #87a799;
--color-bitter-clover-green-500: #6b9080;
--color-bitter-clover-green-600: #5b796d;
--color-bitter-clover-green-700: #496157;
--color-bitter-clover-green-800: #35473f;
--color-bitter-clover-green-900: #24312b;
--color-bitter-clover-green-950: #131d19;
}SCSS
$bitter-clover-green: #769789;
$bitter-clover-green-rgb: 118, 151, 137;
$bitter-clover-green-light: mix(#fff, $bitter-clover-green, 20%);
$bitter-clover-green-dark: mix(#000, $bitter-clover-green, 20%);
.element {
color: $bitter-clover-green;
box-shadow: 0 0 0 2px rgba($bitter-clover-green, 0.35);
}