Benannte Farbe · #028F1E
Emerald
Emerald ist #028F1E: rgb(2 143 30), hsl(132 97% 28%), oklch(0.565 0.181 144.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Emerald color name →
#028F1E
oklch(0.565 0.181 144.2)
Farbumrechnungen
- HEX
- #028f1e
- RGB
- rgb(2 143 30)
- HSL
- hsl(132 97% 28%)
- HWB
- hwb(132 1% 44%)
- OKLCH
- oklch(0.565 0.181 144.2)
- OKLab
- oklab(0.565 -0.147 0.106)
- CIE Lab
- lab(51.59 -50.39 46.16)
- LCH
- lch(51.59 68.34 137.5)
- CMYK
- cmyk(99% 0% 79% 44%)
Tints · Shades · Tones
Tints
- 359B3B
- 51A653
- 68B169
- 7FBD7E
- 95C894
- AAD3A9
- BFDEBE
- D4E9D4
- EAF4E9
Shades
- 017C19
- 016913
- 01570E
- 004509
- 003405
- 002403
- 001501
- 000700
- 000100
Tones
- 258E2E
- 368D3B
- 448C45
- 4F8A4F
- 588958
- 618861
- 6A8669
- 718471
- 798278
Farbharmonien
Komplementär +180°
- 028F1E
Emerald
- A747B0
≈ Fuchsia Pheromone
Analog -30° +30°
- 028F1E
Emerald
- 757D00
≈ Flag Green
- 008A71
≈ Industrial Turquoise
Triadisch +120° +240°
- 028F1E
Emerald
- 3D6DDF
≈ Royal Blue
- CA3A3D
≈ Root Chakra
Geteilt komplementär +150° +210°
- 028F1E
Emerald
- 7F59D4
≈ Gloomy Purple
- C13A7D
≈ Razzle Dazzle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.24:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.95:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--emerald: #028f1e;
--emerald-rgb: 2 143 30;
--emerald-oklch: oklch(0.565 0.181 144.2);
}
.element {
color: var(--emerald);
background-color: hsl(132 97% 28%);
border-color: oklch(0.565 0.181 144.2);
}Tailwind CSS v4
@theme {
--color-emerald: #028f1e;
--color-emerald-50: #d4ffd7;
--color-emerald-100: #c1f9c4;
--color-emerald-200: #a0e9a6;
--color-emerald-300: #75d07e;
--color-emerald-400: #4eb953;
--color-emerald-500: #01a323;
--color-emerald-600: #0e8921;
--color-emerald-700: #0d6e1a;
--color-emerald-800: #10510b;
--color-emerald-900: #0a3807;
--color-emerald-950: #002300;
}SCSS
$emerald: #028f1e;
$emerald-rgb: 2, 143, 30;
$emerald-light: mix(#fff, $emerald, 20%);
$emerald-dark: mix(#000, $emerald, 20%);
.element {
color: $emerald;
box-shadow: 0 0 0 2px rgba($emerald, 0.35);
}