Najbliższy nazwany kolor · #50D193
#50D193
Najbliższy nazwany kolor: Vegetation
#50D193 (rgb(80 209 147), hsl(151 58% 57%), oklch(0.773 0.145 159)) jest najbliższy nazwanemu kolorowi Vegetation. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#50D193
oklch(0.773 0.145 159)
Konwersje koloru
- HEX
- #50d193
- RGB
- rgb(80 209 147)
- HSL
- hsl(151 58% 57%)
- HWB
- hwb(151 31% 18%)
- OKLCH
- oklch(0.773 0.145 159)
- OKLab
- oklab(0.773 -0.136 0.052)
- CIE Lab
- lab(75.61 -47.9 19.9)
- LCH
- lch(75.61 51.87 157.4)
- CMYK
- cmyk(62% 0% 30% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 68D69E
- 7CDBA8
- 8FE0B3
- A0E4BE
- B1E9C8
- C1EED3
- D1F2DE
- E0F6E9
- F0FBF4
Odcienie ciemniejsze
- 44B57F
- 399B6C
- 2E8159
- 246847
- 1A5036
- 103925
- 072316
- 021008
- 000201
Tony
- 5AC991
- 62C190
- 69B98E
- 6EB18C
- 73A88A
- 76A088
- 7A9886
- 7C9084
- 7E8882
Harmonie kolorów
Komplementarna +180°
- 50D193
Vegetation
- F18FD4
≈ Bubblegum Kisses
Analogowa -30° +30°
- 50D193
Vegetation
- 98C75D
≈ Spring Lime
- 00D0C7
≈ Blue Martina
Triada +120° +240°
- 50D193
Vegetation
- A5ADFF
≈ Shy Moment
- FF9571
≈ Hibiscus Delight
Komplementarna rozszczepiona +150° +210°
- 50D193
Vegetation
- D09AFB
≈ Lilás
- FF8EA3
≈ Charming Cherry
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.88:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--vegetation: #50d193;
--vegetation-rgb: 80 209 147;
--vegetation-oklch: oklch(0.773 0.145 159);
}
.element {
color: var(--vegetation);
background-color: hsl(151 58% 57%);
border-color: oklch(0.773 0.145 159);
}Tailwind CSS v4
@theme {
--color-vegetation: #50d193;
--color-vegetation-50: #d2ffe8;
--color-vegetation-100: #bdf8d8;
--color-vegetation-200: #9be8c0;
--color-vegetation-300: #6cce9f;
--color-vegetation-400: #3db87f;
--color-vegetation-500: #00a261;
--color-vegetation-600: #008953;
--color-vegetation-700: #006e42;
--color-vegetation-800: #00512d;
--color-vegetation-900: #00381e;
--color-vegetation-950: #00230e;
}SCSS
$vegetation: #50d193;
$vegetation-rgb: 80, 209, 147;
$vegetation-light: mix(#fff, $vegetation, 20%);
$vegetation-dark: mix(#000, $vegetation, 20%);
.element {
color: $vegetation;
box-shadow: 0 0 0 2px rgba($vegetation, 0.35);
}