Benannte Farbe · #40A48E
Marine Green
Marine Green ist #40A48E: rgb(64 164 142), hsl(167 44% 45%), oklch(0.654 0.099 176). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Marine Green color name →
#40A48E
oklch(0.654 0.099 176)
Farbumrechnungen
- HEX
- #40a48e
- RGB
- rgb(64 164 142)
- HSL
- hsl(167 44% 45%)
- HWB
- hwb(167 25% 36%)
- OKLCH
- oklch(0.654 0.099 176)
- OKLab
- oklab(0.654 -0.099 0.007)
- CIE Lab
- lab(61.13 -34.5 2.35)
- LCH
- lch(61.13 34.58 176.1)
- CMYK
- cmyk(61% 0% 13% 36%)
Tints · Shades · Tones
Tints
- 58AD99
- 6DB6A4
- 80BFAF
- 93C8BA
- A5D1C5
- B7DAD0
- C9E4DC
- DBEDE7
- EDF6F3
Shades
- 368E7B
- 2D7968
- 246456
- 1B5044
- 133D34
- 0B2B24
- 051A15
- 010A07
- 000101
Tones
- 4BA18D
- 549D8B
- 5B9A8A
- 629688
- 689287
- 6E8F86
- 738B84
- 788783
- 7C8481
Farbharmonien
Komplementär +180°
- 40A48E
Marine Green
- C07692
≈ Prehistoric Pink
Analog -30° +30°
- 40A48E
Marine Green
- 67A16B
≈ Treelet
- 31A1AE
≈ Fischer Blue
Triadisch +120° +240°
- 40A48E
Marine Green
- 9684C6
≈ Amethyst Grey
- BF8053
≈ Limonite
Geteilt komplementär +150° +210°
- 40A48E
Marine Green
- B07BB1
≈ Berries Galore
- C67870
≈ Red Sparowes
Tetradisch +90° +180° +270°
- 40A48E
Marine Green
- 748FCD
≈ Organza Violet
- C07692
≈ Prehistoric Pink
- AB8C43
≈ Plaguelands Beige
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.91:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--marine-green: #40a48e;
--marine-green-rgb: 64 164 142;
--marine-green-oklch: oklch(0.654 0.099 176);
}
.element {
color: var(--marine-green);
background-color: hsl(167 44% 45%);
border-color: oklch(0.654 0.099 176);
}Tailwind CSS v4
@theme {
--color-marine-green: #40a48e;
--color-marine-green-50: #d8fff5;
--color-marine-green-100: #c6f3e8;
--color-marine-green-200: #a7e3d4;
--color-marine-green-300: #7dc8b7;
--color-marine-green-400: #56b29c;
--color-marine-green-500: #209b84;
--color-marine-green-600: #1f836f;
--color-marine-green-700: #196959;
--color-marine-green-800: #124d40;
--color-marine-green-900: #0b362c;
--color-marine-green-950: #002119;
}SCSS
$marine-green: #40a48e;
$marine-green-rgb: 64, 164, 142;
$marine-green-light: mix(#fff, $marine-green, 20%);
$marine-green-dark: mix(#000, $marine-green, 20%);
.element {
color: $marine-green;
box-shadow: 0 0 0 2px rgba($marine-green, 0.35);
}