Benannte Farbe · #375D4F
Spectra
Spectra ist #375D4F: rgb(55 93 79), hsl(158 26% 29%), oklch(0.445 0.05 168.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Spectra color name →
#375D4F
oklch(0.445 0.05 168.6)
Farbumrechnungen
- HEX
- #375d4f
- RGB
- rgb(55 93 79)
- HSL
- hsl(158 26% 29%)
- HWB
- hwb(158 22% 64%)
- OKLCH
- oklch(0.445 0.05 168.6)
- OKLab
- oklab(0.445 -0.049 0.01)
- CIE Lab
- lab(36.31 -16.9 3.59)
- LCH
- lch(36.31 17.28 168)
- CMYK
- cmyk(41% 0% 15% 64%)
Tints · Shades · Tones
Tints
- 4A6C5F
- 5D7B6F
- 708B80
- 839B91
- 97ABA3
- ABBBB4
- C0CCC7
- D4DDD9
- EAEEEC
Shades
- 2E5044
- 264338
- 1E372E
- 162A23
- 0F1F19
- 081410
- 030A07
- 010302
- 000000
Tones
- 3F6154
- 466458
- 4E685D
- 556B62
- 5C6F67
- 63726C
- 6B7671
- 727976
- 797D7B
Farbharmonien
Komplementär +180°
- 375D4F
Spectra
- 694958
≈ Magos
Analog -30° +30°
- 375D4F
Spectra
- 465B40
≈ Knarloc Green
- 305C5E
≈ Arctic Nights
Triadisch +120° +240°
- 375D4F
Spectra
- 53506E
≈ Exotic Evening
- 6B4C3C
≈ Deep Umber
Geteilt komplementär +150° +210°
- 375D4F
Spectra
- 604B66
≈ Vivid Vision
- 6D4949
≈ Painite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.39:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.84:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--spectra: #375d4f;
--spectra-rgb: 55 93 79;
--spectra-oklch: oklch(0.445 0.05 168.6);
}
.element {
color: var(--spectra);
background-color: hsl(158 26% 29%);
border-color: oklch(0.445 0.05 168.6);
}Tailwind CSS v4
@theme {
--color-spectra: #375d4f;
--color-spectra-50: #e8faf3;
--color-spectra-100: #d8eee5;
--color-spectra-200: #c0dcd1;
--color-spectra-300: #9fc0b4;
--color-spectra-400: #82a899;
--color-spectra-500: #659180;
--color-spectra-600: #567b6d;
--color-spectra-700: #456257;
--color-spectra-800: #32483f;
--color-spectra-900: #22322b;
--color-spectra-950: #111e18;
}SCSS
$spectra: #375d4f;
$spectra-rgb: 55, 93, 79;
$spectra-light: mix(#fff, $spectra, 20%);
$spectra-dark: mix(#000, $spectra, 20%);
.element {
color: $spectra;
box-shadow: 0 0 0 2px rgba($spectra, 0.35);
}