Benannte Farbe · #5D7759
Seaweed Tea
Seaweed Tea ist #5D7759: rgb(93 119 89), hsl(112 14% 41%), oklch(0.54 0.055 141.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Seaweed Tea color name →
#5D7759
oklch(0.54 0.055 141.3)
Farbumrechnungen
- HEX
- #5d7759
- RGB
- rgb(93 119 89)
- HSL
- hsl(112 14% 41%)
- HWB
- hwb(112 35% 53%)
- OKLCH
- oklch(0.54 0.055 141.3)
- OKLab
- oklab(0.54 -0.043 0.034)
- CIE Lab
- lab(47.32 -14.55 13.34)
- LCH
- lch(47.32 19.74 137.5)
- CMYK
- cmyk(22% 0% 25% 53%)
Tints · Shades · Tones
Tints
- 6C8468
- 7B9178
- 8B9E88
- 9BAB98
- ABB9A9
- BBC7B9
- CCD4CA
- DDE3DC
- EEF1ED
Shades
- 50674C
- 435740
- 374734
- 2A3828
- 1F2A1D
- 141C13
- 0A1009
- 030503
- 000100
Tones
- 61785D
- 647961
- 687A65
- 6B7B69
- 6F7C6D
- 727D71
- 767D74
- 797E78
- 7D7F7C
Farbharmonien
Komplementär +180°
- 5D7759
Seaweed Tea
- 7E6482
≈ Grape Jelly
Analog -30° +30°
- 5D7759
Seaweed Tea
- 70724C
≈ Gratefully Grass
- 4C796B
≈ Hooker’s Green
Triadisch +120° +240°
- 5D7759
Seaweed Tea
- 5D6F8F
≈ Beguiling Blue
- 8C6261
≈ Antique Garnet
Geteilt komplementär +150° +210°
- 5D7759
Seaweed Tea
- 6F698D
≈ Aromatic
- 886272
≈ Glazed Ringlet
Tetradisch +90° +180° +270°
- 5D7759
Seaweed Tea
- 4D7589
≈ Night Train
- 7E6482
≈ Grape Jelly
- 896651
≈ Obscure Ochre
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.94:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.24:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--seaweed-tea: #5d7759;
--seaweed-tea-rgb: 93 119 89;
--seaweed-tea-oklch: oklch(0.54 0.055 141.3);
}
.element {
color: var(--seaweed-tea);
background-color: hsl(112 14% 41%);
border-color: oklch(0.54 0.055 141.3);
}Tailwind CSS v4
@theme {
--color-seaweed-tea: #5d7759;
--color-seaweed-tea-50: #ecfaeb;
--color-seaweed-tea-100: #deeddc;
--color-seaweed-tea-200: #c7dbc6;
--color-seaweed-tea-300: #a7bfa6;
--color-seaweed-tea-400: #8da789;
--color-seaweed-tea-500: #72906e;
--color-seaweed-tea-600: #617a5d;
--color-seaweed-tea-700: #4d614a;
--color-seaweed-tea-800: #394735;
--color-seaweed-tea-900: #273124;
--color-seaweed-tea-950: #151d13;
}SCSS
$seaweed-tea: #5d7759;
$seaweed-tea-rgb: 93, 119, 89;
$seaweed-tea-light: mix(#fff, $seaweed-tea, 20%);
$seaweed-tea-dark: mix(#000, $seaweed-tea, 20%);
.element {
color: $seaweed-tea;
box-shadow: 0 0 0 2px rgba($seaweed-tea, 0.35);
}