가장 가까운 이름 색상 · #B3983F
#B3983F
가장 가까운 이름 색상: Pirate’s Hook
#B3983F(rgb(179 152 63), hsl(46 48% 47%), oklch(0.687 0.112 92.3))와 가장 가까운 이름 색상은 Pirate’s Hook입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B3983F
oklch(0.687 0.112 92.3)
색상 변환
- HEX
- #b3983f
- RGB
- rgb(179 152 63)
- HSL
- hsl(46 48% 47%)
- HWB
- hwb(46 25% 30%)
- OKLCH
- oklch(0.687 0.112 92.3)
- OKLab
- oklab(0.687 -0.004 0.112)
- CIE Lab
- lab(64.03 2.86 49.17)
- LCH
- lch(64.03 49.25 86.7)
- CMYK
- cmyk(0% 15% 65% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA255
- C2AC6A
- C9B77D
- D1C190
- D8CBA2
- E0D6B5
- E8E0C7
- EFEADA
- F7F5EC
셰이드
- 9B8435
- 84702C
- 6E5C23
- 584A1B
- 433812
- 2F270A
- 1D1704
- 0C0801
- 010100
톤
- AE9649
- A99451
- A39159
- 9E8F60
- 998D66
- 948A6C
- 8F8871
- 8A8576
- 85837B
색 조화
보색 +180°
- B3983F
Pirate’s Hook
- 8295E0
≈ Portage
유사색 -30° +30°
- B3983F
Pirate’s Hook
- CC8A4C
≈ Golden Pumpkin
- 8EA553
≈ Chelsea Cucumber
삼각 배색 +120° +240°
- B3983F
Pirate’s Hook
- 26ACC3
≈ Havasupai Falls
- C380B9
≈ Lavender Sweater
분열 보색 +150° +210°
- B3983F
Pirate’s Hook
- 55A2DA
≈ Waimea Blue
- A889D4
≈ Middy’s Purple
사각 배색 +90° +180° +270°
- B3983F
Pirate’s Hook
- 2DB1A0
≈ Waterfall
- 8295E0
≈ Portage
- D37C95
≈ Little Bow Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.80:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.47:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--pirate-s-hook: #b3983f;
--pirate-s-hook-rgb: 179 152 63;
--pirate-s-hook-oklch: oklch(0.687 0.112 92.3);
}
.element {
color: var(--pirate-s-hook);
background-color: hsl(46 48% 47%);
border-color: oklch(0.687 0.112 92.3);
}Tailwind CSS v4
@theme {
--color-pirate-s-hook: #b3983f;
--color-pirate-s-hook-50: #fff5d2;
--color-pirate-s-hook-100: #f4e8be;
--color-pirate-s-hook-200: #e4d49e;
--color-pirate-s-hook-300: #cab773;
--color-pirate-s-hook-400: #b69c4a;
--color-pirate-s-hook-500: #a1830f;
--color-pirate-s-hook-600: #886f13;
--color-pirate-s-hook-700: #6d5910;
--color-pirate-s-hook-800: #514008;
--color-pirate-s-hook-900: #392c06;
--color-pirate-s-hook-950: #231900;
}SCSS
$pirate-s-hook: #b3983f;
$pirate-s-hook-rgb: 179, 152, 63;
$pirate-s-hook-light: mix(#fff, $pirate-s-hook, 20%);
$pirate-s-hook-dark: mix(#000, $pirate-s-hook, 20%);
.element {
color: $pirate-s-hook;
box-shadow: 0 0 0 2px rgba($pirate-s-hook, 0.35);
}