Màu có tên gần nhất · #50D193
#50D193
Màu có tên gần nhất: Vegetation
#50D193 (rgb(80 209 147), hsl(151 58% 57%), oklch(0.773 0.145 159)) gần nhất với màu có tên Vegetation. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#50D193
oklch(0.773 0.145 159)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 68D69E
- 7CDBA8
- 8FE0B3
- A0E4BE
- B1E9C8
- C1EED3
- D1F2DE
- E0F6E9
- F0FBF4
Sắc đậm
- 44B57F
- 399B6C
- 2E8159
- 246847
- 1A5036
- 103925
- 072316
- 021008
- 000201
Sắc xám
- 5AC991
- 62C190
- 69B98E
- 6EB18C
- 73A88A
- 76A088
- 7A9886
- 7C9084
- 7E8882
Hòa sắc
Bổ túc +180°
- 50D193
Vegetation
- F18FD4
≈ Bubblegum Kisses
Tương đồng -30° +30°
- 50D193
Vegetation
- 98C75D
≈ Spring Lime
- 00D0C7
≈ Blue Martina
Bộ ba +120° +240°
- 50D193
Vegetation
- A5ADFF
≈ Shy Moment
- FF9571
≈ Hibiscus Delight
Bổ túc chia +150° +210°
- 50D193
Vegetation
- D09AFB
≈ Lilás
- FF8EA3
≈ Charming Cherry
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.92:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.88:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
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);
}