가장 가까운 이름 색상 · #5D8A53
#5D8A53
가장 가까운 이름 색상: Homegrown
#5D8A53(rgb(93 138 83), hsl(109 25% 43%), oklch(0.586 0.095 140))와 가장 가까운 이름 색상은 Homegrown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5D8A53
oklch(0.586 0.095 140)
색상 변환
- HEX
- #5d8a53
- RGB
- rgb(93 138 83)
- HSL
- hsl(109 25% 43%)
- HWB
- hwb(109 33% 46%)
- OKLCH
- oklch(0.586 0.095 140)
- OKLab
- oklab(0.586 -0.073 0.061)
- CIE Lab
- lab(53.15 -24.44 24.38)
- LCH
- lch(53.15 34.52 135.1)
- CMYK
- cmyk(33% 0% 40% 46%)
틴트 · 셰이드 · 톤
틴트
- 6D9564
- 7CA174
- 8CAC85
- 9CB896
- ACC4A7
- BCCFB8
- CDDBC9
- DDE7DB
- EEF3ED
셰이드
- 507747
- 43653B
- 375330
- 2A4225
- 1F321B
- 142211
- 0A1408
- 030702
- 000100
톤
- 618958
- 65885D
- 688762
- 6C8666
- 70856B
- 73846F
- 768373
- 7A8278
- 7D817C
색 조화
보색 +180°
- 5D8A53
Homegrown
- 95699F
≈ Figue
유사색 -30° +30°
- 5D8A53
Homegrown
- 808139
≈ Green Commando
- 358E73
≈ Illuminating Emerald
삼각 배색 +120° +240°
- 5D8A53
Homegrown
- 5A7DB4
≈ Prompt
- AD6465
≈ Spanish Rose Shadow
분열 보색 +150° +210°
- 5D8A53
Homegrown
- 7B72B1
≈ Plum Preserve
- A66484
≈ Wild Mulberry
사각 배색 +90° +180° +270°
- 5D8A53
Homegrown
- 3486AA
≈ Blue Splash
- 95699F
≈ Figue
- A96B47
≈ Auric Copper
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.22:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--homegrown: #5d8a53;
--homegrown-rgb: 93 138 83;
--homegrown-oklch: oklch(0.586 0.095 140);
}
.element {
color: var(--homegrown);
background-color: hsl(109 25% 43%);
border-color: oklch(0.586 0.095 140);
}Tailwind CSS v4
@theme {
--color-homegrown: #5d8a53;
--color-homegrown-50: #e6fde4;
--color-homegrown-100: #d7f1d3;
--color-homegrown-200: #bedfba;
--color-homegrown-300: #9cc497;
--color-homegrown-400: #80ac77;
--color-homegrown-500: #639658;
--color-homegrown-600: #547e4b;
--color-homegrown-700: #43653c;
--color-homegrown-800: #324a29;
--color-homegrown-900: #22331c;
--color-homegrown-950: #111f0c;
}SCSS
$homegrown: #5d8a53;
$homegrown-rgb: 93, 138, 83;
$homegrown-light: mix(#fff, $homegrown, 20%);
$homegrown-dark: mix(#000, $homegrown, 20%);
.element {
color: $homegrown;
box-shadow: 0 0 0 2px rgba($homegrown, 0.35);
}