이름 색상 · #7A634F
Folk Guitar
Folk Guitar은(는) #7A634F: rgb(122 99 79), hsl(28 21% 39%), oklch(0.517 0.042 62.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Folk Guitar color name →
#7A634F
oklch(0.517 0.042 62.7)
색상 변환
- HEX
- #7a634f
- RGB
- rgb(122 99 79)
- HSL
- hsl(28 21% 39%)
- HWB
- hwb(28 31% 52%)
- OKLCH
- oklch(0.517 0.042 62.7)
- OKLab
- oklab(0.517 0.019 0.038)
- CIE Lab
- lab(43.87 7.27 15.07)
- LCH
- lch(43.87 16.73 64.2)
- CMYK
- cmyk(0% 19% 35% 52%)
틴트 · 셰이드 · 톤
틴트
- 87715F
- 938070
- A08F81
- AE9E92
- BBAEA3
- C8BEB5
- D6CEC7
- E3DED9
- F1EEEC
셰이드
- 695544
- 594738
- 493A2E
- 3A2E23
- 2B2119
- 1D1610
- 100B07
- 050302
- 010000
톤
- 7B6654
- 7B6959
- 7C6C5E
- 7D6F63
- 7D7268
- 7E746C
- 7E7771
- 7F7A76
- 807D7B
색 조화
보색 +180°
- 7A634F
Folk Guitar
- 536B7F
≈ Fern Flower
유사색 -30° +30°
- 7A634F
Folk Guitar
- 7F5F59
≈ Book Binder
- 70684C
≈ City Arboretum
삼각 배색 +120° +240°
- 7A634F
Folk Guitar
- 4C706A
≈ Par Four
- 6D627D
≈ Victorian Iris
분열 보색 +150° +210°
- 7A634F
Folk Guitar
- 4B6F77
≈ Winter Storm
- 606781
≈ Spaceman
사각 배색 +90° +180° +270°
- 7A634F
Folk Guitar
- 566F5C
≈ Green Bayou
- 536B7F
≈ Fern Flower
- 775F73
≈ Black Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 5.63:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.72:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--folk-guitar: #7a634f;
--folk-guitar-rgb: 122 99 79;
--folk-guitar-oklch: oklch(0.517 0.042 62.7);
}
.element {
color: var(--folk-guitar);
background-color: hsl(28 21% 39%);
border-color: oklch(0.517 0.042 62.7);
}Tailwind CSS v4
@theme {
--color-folk-guitar: #7a634f;
--color-folk-guitar-50: #fef3e9;
--color-folk-guitar-100: #f2e5da;
--color-folk-guitar-200: #e2d1c2;
--color-folk-guitar-300: #c7b3a1;
--color-folk-guitar-400: #b19985;
--color-folk-guitar-500: #9b8069;
--color-folk-guitar-600: #836d5a;
--color-folk-guitar-700: #695747;
--color-folk-guitar-800: #4e3f34;
--color-folk-guitar-900: #362b23;
--color-folk-guitar-950: #211912;
}SCSS
$folk-guitar: #7a634f;
$folk-guitar-rgb: 122, 99, 79;
$folk-guitar-light: mix(#fff, $folk-guitar, 20%);
$folk-guitar-dark: mix(#000, $folk-guitar, 20%);
.element {
color: $folk-guitar;
box-shadow: 0 0 0 2px rgba($folk-guitar, 0.35);
}