가장 가까운 이름 색상 · #54D19B
#54D19B
가장 가까운 이름 색상: Vegetation
#54D19B(rgb(84 209 155), hsl(154 58% 57%), oklch(0.776 0.137 161.9))와 가장 가까운 이름 색상은 Vegetation입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#54D19B
oklch(0.776 0.137 161.9)
색상 변환
- HEX
- #54d19b
- RGB
- rgb(84 209 155)
- HSL
- hsl(154 58% 57%)
- HWB
- hwb(154 33% 18%)
- OKLCH
- oklch(0.776 0.137 161.9)
- OKLab
- oklab(0.776 -0.13 0.042)
- CIE Lab
- lab(75.87 -45.84 16.09)
- LCH
- lch(75.87 48.58 160.7)
- CMYK
- cmyk(60% 0% 26% 18%)
틴트 · 셰이드 · 톤
틴트
- 6BD6A5
- 7FDBAF
- 91E0B8
- A2E4C2
- B2E9CC
- C2EDD6
- D2F2E0
- E1F6EB
- F0FBF5
셰이드
- 48B586
- 3C9B72
- 31815E
- 26684B
- 1B5039
- 113928
- 082318
- 021009
- 000201
톤
- 5DC998
- 64C196
- 6AB993
- 70B090
- 74A88E
- 77A08B
- 7A9888
- 7D9086
- 7F8883
색 조화
보색 +180°
- 54D19B
Vegetation
- F192CF
≈ Bubblegum Kisses
유사색 -30° +30°
- 54D19B
Vegetation
- 95C869
≈ Apple Orchard
- 00D1CC
≈ Blue Martina
삼각 배색 +120° +240°
- 54D19B
Vegetation
- AAADFF
≈ Shy Moment
- FF976E
≈ Hibiscus Delight
분열 보색 +150° +210°
- 54D19B
Vegetation
- D39CF5
≈ Plasma Trail
- FF90A0
≈ Charming Cherry
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.97:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--vegetation: #54d19b;
--vegetation-rgb: 84 209 155;
--vegetation-oklch: oklch(0.776 0.137 161.9);
}
.element {
color: var(--vegetation);
background-color: hsl(154 58% 57%);
border-color: oklch(0.776 0.137 161.9);
}Tailwind CSS v4
@theme {
--color-vegetation: #54d19b;
--color-vegetation-50: #d2ffeb;
--color-vegetation-100: #bef7dc;
--color-vegetation-200: #9ce7c5;
--color-vegetation-300: #6ecea4;
--color-vegetation-400: #40b785;
--color-vegetation-500: #00a169;
--color-vegetation-600: #008859;
--color-vegetation-700: #006d47;
--color-vegetation-800: #005031;
--color-vegetation-900: #003821;
--color-vegetation-950: #002211;
}SCSS
$vegetation: #54d19b;
$vegetation-rgb: 84, 209, 155;
$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);
}