Benannte Farbe · #18D17B
Seaweed
Seaweed ist #18D17B: rgb(24 209 123), hsl(152 79% 46%), oklch(0.758 0.183 155.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Seaweed color name →
#18D17B
oklch(0.758 0.183 155.1)
Farbumrechnungen
- HEX
- #18d17b
- RGB
- rgb(24 209 123)
- HSL
- hsl(152 79% 46%)
- HWB
- hwb(152 9% 18%)
- OKLCH
- oklch(0.758 0.183 155.1)
- OKLab
- oklab(0.758 -0.166 0.077)
- CIE Lab
- lab(74.26 -58.8 30.21)
- LCH
- lch(74.26 66.1 152.8)
- CMYK
- cmyk(89% 0% 41% 18%)
Tints · Shades · Tones
Tints
- 49D688
- 66DB96
- 7EE0A3
- 93E5B0
- A6EABD
- B9EECA
- CBF3D7
- DDF7E5
- EEFBF2
Shades
- 13B56A
- 0F9B5A
- 0A814A
- 07683A
- 04502C
- 02391E
- 012310
- 001005
- 000201
Tones
- 38C97C
- 49C17D
- 56B97E
- 60B17F
- 68A97F
- 6EA180
- 749980
- 799180
- 7D8880
Farbharmonien
Komplementär +180°
- 18D17B
Seaweed
- F57EDE
≈ Splash of Grenadine
Analog -30° +30°
- 18D17B
Seaweed
- 96C31F
≈ New Limerick
- 00CBBC
≈ Pristine Oceanic
Triadisch +120° +240°
- 18D17B
Seaweed
- 9AA9FF
≈ Widowmaker
- FF8B6E
≈ Salmon Orange
Geteilt komplementär +150° +210°
- 18D17B
Seaweed
- C895FF
≈ Lilás
- FF83A3
≈ Rosa
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.01:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.44:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--seaweed: #18d17b;
--seaweed-rgb: 24 209 123;
--seaweed-oklch: oklch(0.758 0.183 155.1);
}
.element {
color: var(--seaweed);
background-color: hsl(152 79% 46%);
border-color: oklch(0.758 0.183 155.1);
}Tailwind CSS v4
@theme {
--color-seaweed: #18d17b;
--color-seaweed-50: #caffe1;
--color-seaweed-100: #b5fbd0;
--color-seaweed-200: #8eecb5;
--color-seaweed-300: #57d391;
--color-seaweed-400: #00bd6c;
--color-seaweed-500: #00a74b;
--color-seaweed-600: #008d40;
--color-seaweed-700: #007133;
--color-seaweed-800: #005320;
--color-seaweed-900: #003a15;
--color-seaweed-950: #002407;
}SCSS
$seaweed: #18d17b;
$seaweed-rgb: 24, 209, 123;
$seaweed-light: mix(#fff, $seaweed, 20%);
$seaweed-dark: mix(#000, $seaweed, 20%);
.element {
color: $seaweed;
box-shadow: 0 0 0 2px rgba($seaweed, 0.35);
}