가장 가까운 이름 색상 · #9D8A2A
#9D8A2A
가장 가까운 이름 색상: Captain Kirk
#9D8A2A(rgb(157 138 42), hsl(50 58% 39%), oklch(0.633 0.115 97.7))와 가장 가까운 이름 색상은 Captain Kirk입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9D8A2A
oklch(0.633 0.115 97.7)
색상 변환
- HEX
- #9d8a2a
- RGB
- rgb(157 138 42)
- HSL
- hsl(50 58% 39%)
- HWB
- hwb(50 16% 38%)
- OKLCH
- oklch(0.633 0.115 97.7)
- OKLab
- oklab(0.633 -0.015 0.114)
- CIE Lab
- lab(57.91 -0.49 51.07)
- LCH
- lch(57.91 51.08 90.6)
- CMYK
- cmyk(0% 12% 73% 38%)
틴트 · 셰이드 · 톤
틴트
- A69545
- B0A15C
- B9AD71
- C3B885
- CDC49A
- D7D0AE
- E1DBC2
- EBE7D6
- F5F3EB
셰이드
- 887723
- 73651C
- 5F5316
- 4C4210
- 3A320A
- 282205
- 181402
- 090701
- 010100
톤
- 9A8938
- 978843
- 94884D
- 918756
- 8E865E
- 8B8565
- 88846C
- 868273
- 83817A
색 조화
보색 +180°
- 9D8A2A
Captain Kirk
- 7A82CF
≈ Tanzine
유사색 -30° +30°
- 9D8A2A
Captain Kirk
- B87B33
≈ Mandalay
- 769747
≈ Emerald Shimmer
삼각 배색 +120° +240°
- 9D8A2A
Captain Kirk
- 009AB7
≈ Barrier Reef
- B66EA2
≈ Pink Parade
분열 보색 +150° +210°
- 9D8A2A
Captain Kirk
- 4C8FCC
≈ Delphinium Corsage
- 9D76C0
≈ Purple Pride
사각 배색 +90° +180° +270°
- 9D8A2A
Captain Kirk
- 009F96
≈ Spectra Green
- 7A82CF
≈ Tanzine
- C46B7D
≈ Pink Manhattan
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.10:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--captain-kirk: #9d8a2a;
--captain-kirk-rgb: 157 138 42;
--captain-kirk-oklch: oklch(0.633 0.115 97.7);
}
.element {
color: var(--captain-kirk);
background-color: hsl(50 58% 39%);
border-color: oklch(0.633 0.115 97.7);
}Tailwind CSS v4
@theme {
--color-captain-kirk: #9d8a2a;
--color-captain-kirk-50: #fdf7d1;
--color-captain-kirk-100: #f1e9be;
--color-captain-kirk-200: #e0d69d;
--color-captain-kirk-300: #c5b973;
--color-captain-kirk-400: #b19f48;
--color-captain-kirk-500: #9b8608;
--color-captain-kirk-600: #83710f;
--color-captain-kirk-700: #695b0d;
--color-captain-kirk-800: #4e4206;
--color-captain-kirk-900: #372d05;
--color-captain-kirk-950: #211a00;
}SCSS
$captain-kirk: #9d8a2a;
$captain-kirk-rgb: 157, 138, 42;
$captain-kirk-light: mix(#fff, $captain-kirk, 20%);
$captain-kirk-dark: mix(#000, $captain-kirk, 20%);
.element {
color: $captain-kirk;
box-shadow: 0 0 0 2px rgba($captain-kirk, 0.35);
}