가장 가까운 이름 색상 · #608645
#608645
가장 가까운 이름 색상: Homegrown
#608645(rgb(96 134 69), hsl(95 32% 40%), oklch(0.576 0.102 133.6))와 가장 가까운 이름 색상은 Homegrown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#608645
oklch(0.576 0.102 133.6)
색상 변환
- HEX
- #608645
- RGB
- rgb(96 134 69)
- HSL
- hsl(95 32% 40%)
- HWB
- hwb(95 27% 47%)
- OKLCH
- oklch(0.576 0.102 133.6)
- OKLab
- oklab(0.576 -0.07 0.074)
- CIE Lab
- lab(51.9 -22.96 30.34)
- LCH
- lch(51.9 38.05 127.1)
- CMYK
- cmyk(28% 0% 49% 47%)
틴트 · 셰이드 · 톤
틴트
- 6F9257
- 7E9E6A
- 8EA97C
- 9DB58E
- ADC1A0
- BDCEB3
- CDDAC6
- DEE6D8
- EEF3EC
셰이드
- 52743B
- 456231
- 385127
- 2C401E
- 203015
- 15210C
- 0A1305
- 030602
- 000100
톤
- 63864C
- 678552
- 6A8559
- 6D845F
- 708465
- 74836A
- 778270
- 7A8275
- 7D817B
색 조화
보색 +180°
- 608645
Homegrown
- 8F66A4
≈ Empire Violet
유사색 -30° +30°
- 608645
Homegrown
- 847B29
≈ Verdant
- 328C68
≈ Leprechaun
삼각 배색 +120° +240°
- 608645
Homegrown
- 4C7BB4
≈ Ashton Blue
- AD5E67
≈ Redbud
분열 보색 +150° +210°
- 608645
Homegrown
- 7170B3
≈ Clear Mauve
- A35F88
≈ Thimble Red
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.20:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.99:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--homegrown: #608645;
--homegrown-rgb: 96 134 69;
--homegrown-oklch: oklch(0.576 0.102 133.6);
}
.element {
color: var(--homegrown);
background-color: hsl(95 32% 40%);
border-color: oklch(0.576 0.102 133.6);
}Tailwind CSS v4
@theme {
--color-homegrown: #608645;
--color-homegrown-50: #e9fcdf;
--color-homegrown-100: #d9f0ce;
--color-homegrown-200: #c1dfb3;
--color-homegrown-300: #a0c48f;
--color-homegrown-400: #86ac6d;
--color-homegrown-500: #6a954c;
--color-homegrown-600: #5a7e41;
--color-homegrown-700: #486533;
--color-homegrown-800: #354a23;
--color-homegrown-900: #243317;
--color-homegrown-950: #131f08;
}SCSS
$homegrown: #608645;
$homegrown-rgb: 96, 134, 69;
$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);
}