Benannte Farbe · #38614C
Moss Vale
Moss Vale ist #38614C: rgb(56 97 76), hsl(149 27% 30%), oklch(0.456 0.058 160.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Moss Vale color name →
#38614C
oklch(0.456 0.058 160.6)
Farbumrechnungen
- HEX
- #38614c
- RGB
- rgb(56 97 76)
- HSL
- hsl(149 27% 30%)
- HWB
- hwb(149 22% 62%)
- OKLCH
- oklch(0.456 0.058 160.6)
- OKLab
- oklab(0.456 -0.055 0.019)
- CIE Lab
- lab(37.64 -19.09 7.29)
- LCH
- lch(37.64 20.43 159.1)
- CMYK
- cmyk(42% 0% 22% 62%)
Tints · Shades · Tones
Tints
- 4B705C
- 5E7F6D
- 718E7E
- 849D8F
- 98ADA1
- ACBDB3
- C0CDC6
- D5DED8
- EAEEEC
Shades
- 2F5341
- 274636
- 1F392C
- 172D22
- 0F2118
- 08150F
- 040B06
- 010302
- 000000
Tones
- 406451
- 476756
- 4F6A5B
- 566E60
- 5D7166
- 64746B
- 6B7770
- 727A75
- 797D7B
Farbharmonien
Komplementär +180°
- 38614C
Moss Vale
- 6D4A61
≈ Annis
Analog -30° +30°
- 38614C
Moss Vale
- 4C5E3B
≈ Stinging Nettle
- 2A615E
≈ Verdant Forest
Triadisch +120° +240°
- 38614C
Moss Vale
- 515377
≈ Deep Orchid
- 734C3E
≈ Tiramisu
Geteilt komplementär +150° +210°
- 38614C
Moss Vale
- 614E6F
≈ Futaai Indigo
- 73494F
≈ Madder
Tetradisch +90° +180° +270°
- 38614C
Moss Vale
- 3E5976
≈ Carter’s Scroll
- 6D4A61
≈ Annis
- 6C5132
≈ Cowboy Boots
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.04:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.98:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--moss-vale: #38614c;
--moss-vale-rgb: 56 97 76;
--moss-vale-oklch: oklch(0.456 0.058 160.6);
}
.element {
color: var(--moss-vale);
background-color: hsl(149 27% 30%);
border-color: oklch(0.456 0.058 160.6);
}Tailwind CSS v4
@theme {
--color-moss-vale: #38614c;
--color-moss-vale-50: #e7fbf0;
--color-moss-vale-100: #d8eee2;
--color-moss-vale-200: #bfdccd;
--color-moss-vale-300: #9dc1af;
--color-moss-vale-400: #81a993;
--color-moss-vale-500: #639279;
--color-moss-vale-600: #547c67;
--color-moss-vale-700: #436352;
--color-moss-vale-800: #31493b;
--color-moss-vale-900: #213228;
--color-moss-vale-950: #101e16;
}SCSS
$moss-vale: #38614c;
$moss-vale-rgb: 56, 97, 76;
$moss-vale-light: mix(#fff, $moss-vale, 20%);
$moss-vale-dark: mix(#000, $moss-vale, 20%);
.element {
color: $moss-vale;
box-shadow: 0 0 0 2px rgba($moss-vale, 0.35);
}