Benannte Farbe · #8AA786
Mermaid’s Cove
Mermaid’s Cove ist #8AA786: rgb(138 167 134), hsl(113 16% 59%), oklch(0.697 0.057 141.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mermaid’s Cove color name →
#8AA786
oklch(0.697 0.057 141.7)
Farbumrechnungen
- HEX
- #8aa786
- RGB
- rgb(138 167 134)
- HSL
- hsl(113 16% 59%)
- HWB
- hwb(113 53% 35%)
- OKLCH
- oklch(0.697 0.057 141.7)
- OKLab
- oklab(0.697 -0.045 0.035)
- CIE Lab
- lab(65.59 -15.26 13.67)
- LCH
- lch(65.59 20.49 138.1)
- CMYK
- cmyk(17% 0% 20% 35%)
Tints · Shades · Tones
Tints
- 95B092
- A1B89D
- ACC1A9
- B8CAB5
- C3D2C1
- CFDBCD
- DBE4DA
- E7EDE6
- F3F6F2
Shades
- 779174
- 657B62
- 536651
- 425240
- 323E30
- 222C21
- 141A13
- 070A06
- 010101
Tones
- 89A386
- 889F85
- 879B84
- 869784
- 859383
- 849083
- 838C82
- 828881
- 818481
Farbharmonien
Komplementär +180°
- 8AA786
Mermaid’s Cove
- AF92B3
≈ Metal Petal
Analog -30° +30°
- 8AA786
Mermaid’s Cove
- 9EA278
≈ Dill Powder
- 79AA99
≈ Acapulco
Triadisch +120° +240°
- 8AA786
Mermaid’s Cove
- 8A9EC2
≈ Lavender Lustre
- BF908E
≈ Rosy Brown
Geteilt komplementär +150° +210°
- 8AA786
Mermaid’s Cove
- 9E98BF
≈ Majestic Violet
- BA8FA1
≈ Elite Pink
Tetradisch +90° +180° +270°
- 8AA786
Mermaid’s Cove
- 79A4BB
≈ Blue Ridge Mist
- AF92B3
≈ Metal Petal
- BB947D
≈ Caramelised
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.95:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.95:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--mermaid-s-cove: #8aa786;
--mermaid-s-cove-rgb: 138 167 134;
--mermaid-s-cove-oklch: oklch(0.697 0.057 141.7);
}
.element {
color: var(--mermaid-s-cove);
background-color: hsl(113 16% 59%);
border-color: oklch(0.697 0.057 141.7);
}Tailwind CSS v4
@theme {
--color-mermaid-s-cove: #8aa786;
--color-mermaid-s-cove-50: #ecfaeb;
--color-mermaid-s-cove-100: #ddeddc;
--color-mermaid-s-cove-200: #c6dbc5;
--color-mermaid-s-cove-300: #a7bfa5;
--color-mermaid-s-cove-400: #8ca788;
--color-mermaid-s-cove-500: #71906d;
--color-mermaid-s-cove-600: #607a5c;
--color-mermaid-s-cove-700: #4c624a;
--color-mermaid-s-cove-800: #384734;
--color-mermaid-s-cove-900: #263124;
--color-mermaid-s-cove-950: #151d13;
}SCSS
$mermaid-s-cove: #8aa786;
$mermaid-s-cove-rgb: 138, 167, 134;
$mermaid-s-cove-light: mix(#fff, $mermaid-s-cove, 20%);
$mermaid-s-cove-dark: mix(#000, $mermaid-s-cove, 20%);
.element {
color: $mermaid-s-cove;
box-shadow: 0 0 0 2px rgba($mermaid-s-cove, 0.35);
}