가장 가까운 이름 색상 · #50D193
#50D193
가장 가까운 이름 색상: Vegetation
#50D193(rgb(80 209 147), hsl(151 58% 57%), oklch(0.773 0.145 159))와 가장 가까운 이름 색상은 Vegetation입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#50D193
oklch(0.773 0.145 159)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 68D69E
- 7CDBA8
- 8FE0B3
- A0E4BE
- B1E9C8
- C1EED3
- D1F2DE
- E0F6E9
- F0FBF4
셰이드
- 44B57F
- 399B6C
- 2E8159
- 246847
- 1A5036
- 103925
- 072316
- 021008
- 000201
톤
- 5AC991
- 62C190
- 69B98E
- 6EB18C
- 73A88A
- 76A088
- 7A9886
- 7C9084
- 7E8882
색 조화
보색 +180°
- 50D193
Vegetation
- F18FD4
≈ Bubblegum Kisses
유사색 -30° +30°
- 50D193
Vegetation
- 98C75D
≈ Spring Lime
- 00D0C7
≈ Blue Martina
삼각 배색 +120° +240°
- 50D193
Vegetation
- A5ADFF
≈ Shy Moment
- FF9571
≈ Hibiscus Delight
분열 보색 +150° +210°
- 50D193
Vegetation
- D09AFB
≈ Lilás
- FF8EA3
≈ Charming Cherry
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.88:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
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);
}